Error while adding “for” attribute to label in angular 2.0 template

Question

I use the Angular 2.0 framework and try to create an input component. Also I use Google MDL and it\'s HTML structure required to have labels to input. Angular gives me an e

Answer 1

update

In recent Angular2 versions for should be mapped to htmlFor automatically to avoid this kind of problem.

original

You need attribute binding instead of proper binding

{{input_label}}

or

 {{input_label}}

or

{{input_label}}

htmlFor is the property that reflects the for attribute (https://developer.mozilla.org/de/docs/Web/API/HTMLLabelElement)

See also HTML - attributes vs properties