Angular 2 external inputs

by

You can’t specify property bindings (inputs) for the root component of your application. If you really want to specify some binding for it you should use additional component. See this plunkers.

import {Component, Input} from 'angular2/angular2'

@Component({
  selector: 'myapp',
  template: `   
    <p>The next number is {{ mynumber + 1 }}</p>
  `
})
class App {
  @Input() mynumber: number;
}

@Component({
  selector: 'root',
  directives: [App],
  template: `
    <myapp [mynumber]="41"></myapp>
  `
})
export class Root {}

More Related Contents:

  1. Angular 2 – how round calculated number?
  2. Angular/RxJS When should I unsubscribe from `Subscription`
  3. Is it necessary to unsubscribe from observables created by Http methods?
  4. Dynamically add event listener
  5. What is the equivalent of ngShow and ngHide in Angular 2+?
  6. Difference between HttpModule and HttpClientModule
  7. How to manually lazy load a module?
  8. flatMap, flat, flatten doesn’t exist on type any[]
  9. How to get current route
  10. Angular2 Exception: Can’t bind to ‘routerLink’ since it isn’t a known native property
  11. Angular 2 Form “Cannot find control with path”
  12. Angular 4 validator to check 2 controls at the same time
  13. vs
  14. How to cancel/unsubscribe all pending HTTP requests in Angular 4+
  15. Multiple conditions in ngClass – Angular 4
  16. angular4 httpclient csrf does not send x-xsrf-token
  17. Angular 2 Basic Authentication not working
  18. How do I get the absolute path of the current page in Angular 2?
  19. Property ‘json’ does not exist on type ‘Object’
  20. How to use variable to define templateUrl in Angular2
  21. Behaviour subject initial value null?
  22. ‘node-sass’ usage is deprecated and will be removed in a future major version
  23. How to reset form validation on submission of the form in ANGULAR 2
  24. Angular 4 Lazy loading with named router-outlet not working
  25. What is the lifecycle of a service in Angular 5
  26. Conditionally apply click event in Angular 4
  27. ::ng-deep going to be deprecated – Any alternatives?
  28. Accessing firebase.storage() with AngularFire2 (Angular2 rc.5)
  29. Firestore Error: The query requires an index
  30. Do we need to unsubscribe from observable that completes/errors-out?

Leave a Comment