Can’t bind to ‘for’ since it isn’t a known native property angular2

by

update

In Angular2 final [for]="xxx" should work fine. They added an alias from for to htmlFor.

original

Angular by default uses property binding but label doesn’t have a property for. To tell Angular explicitly to use attribute binding, use instead:

[attr.for]="someField"

or

attr.for="{{someField}}"

instead.

These also work because htmlFor is the property for is reflected to.

[htmlFor]="someField"
htmlFor="{{someField}}"

In Angular2 RC.6 an alias was added so these should now work as well:

[for]="someField"

or

for="{{someField}}"

More Related Contents:

  1. Global Events in Angular
  2. How to show a loading spinner while waiting on an observable getting data from a service in Angular
  3. Why use “?” operator in template binding?
  4. angular2 manually firing click event on particular element
  5. How can I watch for changes to localStorage in Angular2?
  6. how to format date in Component of angular 5
  7. Angular 2 – How do I navigate to another route using this.router.parent.navigate(‘/about’)?
  8. Angular2 – Redirect to calling url after successful login
  9. Hide/show individual items inside ngFor
  10. How to get angular2 [innerHtml] to work [duplicate]
  11. How to inject service into class (not component)
  12. How to make directives and components available globally
  13. Angular2 router keep query string
  14. Angular2 – Validate and submit form from outside
  15. In Angular, how to add Validator to FormControl after control is created?
  16. Angular 2 – Using Shared Service
  17. Property ‘of’ does not exist on type ‘typeof Observable [duplicate]
  18. Error: Unexpected value ‘undefined’ imported by the module
  19. Update parent component property from child component in Angular 2
  20. How to enable production mode?
  21. Observable.of is not a function
  22. origin ‘http://localhost:4200’ has been blocked by CORS policy in Angular7
  23. How to correctly import operators from the `rxjs` package
  24. Property ‘toPromise’ does not exist on type ‘Observable’
  25. TypeError: Object prototype may only be an Object or null: undefined Angular 8
  26. How to call scrollIntoView on an element in angular 2+
  27. How do I get experimental ngTemplateOutlet to work?
  28. Page transition animations with Angular 2.0 router and component interface promises
  29. Inject Http manually in Angular 2
  30. Error from chokidar (C:\): Error: EBUSY: resource busy or locked, lstat ‘C:\DumpStack.log.tmp

Leave a Comment