Angular2 syntax in W3C HTML Validator

Question

Angular 1.x allowed to put elements in HTML, which were not known for W3C HTML Validator. Workaround for this was to add data- prefix and write e.g. data-ng-repeat instead of ng-repeat.

In the current Angular 2 version we have a different syntax. This syntax is also case-sensitive, e.g. we have to use ngClass, not ngclass.

All brackets used in Angular2 are causing HTML validation errors. Fortunately there is also a canonical form, so instead of (event) we can go with on-event, instead of [property] we can go with bind-property and instead of [(ngModel)] we can use bindon-ngModel. All those things work with data- prefix.

But what with directives like *ngFor, *ngIf and *ngSwitch? What with template variables #variable? Do you know any workaround in order to make Angular 2 template with those things a valid HTML in W3C Validator?

you want to know how we can define *ngFor and so on by another way ? like on-event ? — Pardeep Jain
– Pardeep Jain, Commented May 27, 2016 at 10:24
I've edited my questions. I would like to use W3C Validator with my Angular 2 templates. Is the ignoring things like *ngFor the only way? — mat3e
– mat3e, Commented May 27, 2016 at 10:33

Günter Zöchbauer · Accepted Answer · 2016-05-27 11:02:07Z

3

You have to use the canonical form. The * is for structural directives which can be used with the <template> tag. With * the template is implicit, but you can always use an explicit template tag instead and with this the canonical forms of the bindings you listed above.

See * and <template> in https://angular.io/docs/ts/latest/guide/template-syntax.html

edited May 27, 2016 at 11:02

answered May 27, 2016 at 10:41

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

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

2 Comments

mat3e Over a year ago

Thanks. I was looking for something like this! Full chapter name is "* and <template>", you have just "* and ".

Günter Zöchbauer Over a year ago

Sorry, was a formatting issue. SO swallowed the rest.

Collectives™ on Stack Overflow

Angular2 syntax in W3C HTML Validator

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related