码迷,mamicode.com
首页 > 其他好文 > 详细

[Angular 2] ngFor

时间:2015-10-26 06:58:44      阅读:531      评论:0      收藏:0      [点我收藏+]

标签:

It’s conceptually the same as Angular 1’s ng-repeat, but you’ll find the syntax quite different as it aligns with #refs in Angular 2 and JavaScript “for of” loop.

 

import {Component, View, NgFor} from ‘angular2/angular2‘;
import {TodoService} from ‘./todoService‘;

@Component({
    selector: ‘todo-list‘
})
@View({
    directives: [NgFor],
    template: `
          <div>
              <div *ng-for="#todo of todoService.todos">
                  {{todo}}
              </div>
          </div>
    `
})

export class TodoList{
    constructor(
        public todoService:TodoService
    ){

    }
}

 

[Angular 2] ngFor

标签:

原文地址:http://www.cnblogs.com/Answer1215/p/4910157.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!