HTML5 input syntax

Question

I've been following the Angular2 tutorial https://angular.io/docs/ts/latest/tutorial/toh-pt6.html and found the following input element syntax (under the "Add a Hero" heading):

<input #heroName />

This is supposedly setting the id attribute of the input element, but I could not find this syntax in the HTML5 specification (https://www.w3.org/TR/html5/syntax.html#attributes-0).

Can anyone explain this syntax?

Flea · Accepted Answer · 2016-12-21 20:16:57Z

7

It's not referring to the element id of html5. It's strictly related to angular2 and is a Template reference variable.

So, as said in the official documentation,

The hash (#) prefix to "phone" means that we're defining a phone variable.

In your case is not "phone", but "heroName".

Flea

11.3k6 gold badges76 silver badges88 bronze badges

answered Oct 26, 2016 at 6:13

GiuServ

1,2351 gold badge15 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1