Angular2 HTML5 compliance

[hani]

Is there a way not to use or use shorthands for angular2 attributes on html elements? for example, instead of *ngFor use data-ngfor or something like that? is there a way to do something like this?

[Günter Zöchbauer]

You can use the long form

• <template ngFor #item [ngForOf]="items" #i="index"><li>...</li></template>

See https://angular.io/docs/ts/latest/api/common/NgFor-directive.html

but how is that related to HTML5 compliance? Such markup will be processed by Angular before it is added to the DOM anyway.

The DOM won't ever see any of Angulars *, [], (), or {{}}

[Radek Holý]

For ngFor I prefer:

    <li template="ngFor #item of items">

and for bindings:

    <div data-bind-title="foo">

and

    <button data-on-click="onClick($event)">

It works in Angular 2.0.0-alpha.45. However, I'm not sure whether it *should* (and will) work since I did not find it in the documentation....

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to angular+u...@googlegroups.com.
To post to this group, send email to ang...@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

 

 

[hani]

I'm not sure, i can see all those fancy tags in my browser and they seem to be added directly in DOM.

[hani]

Yeah data-on-click seems to work fine, but not the template loop.

[Günter Zöchbauer]

> <li template="ngFor #item of items">

you mean ?

• <template ngFor #item [ngForOf]="items" #i="index"><li>...</li></template>

[Günter Zöchbauer]

How do you do that? Can you post a screenshot?

[Radek Holý]

No, I mean:

    <li template="ngFor #item of items; #i = index">...</li>

as documented at https://angular.io/docs/ts/latest/api/common/NgFor-directive.html#syntax