[Angular 2] ngFor

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相关推荐

angular学习-*ngFor,*ngIf,*ngSwitch
*ngFor,*ngIf,*ngSwitch学习记录 1.*ngFor 2.*ngIf 3.*ngSwitch 1.*ngFor 一般用于数据循环,例子(打印arr里边的值)如下: ts: html: ...
Angular中ngfor与ngif的嵌套使用
ng2 结构指令不能直接嵌套使用,可以通过使用标签来包裹指令,两个结构指令分开放在两个标签中,解决冲突. <ul *ngFor="let value of item; let key ...
angular react_Angular 2 vs React：将会有鲜血
angular react Angular 2 has reached Beta and appears poised to become the hot new framework of 2016. ...
* ngIf和* ngFor在同一元素上导致错误
本文翻译自:*ngIf and *ngFor on same element causing error I'm having a problem with trying to use Angular ...
angular面试题及答案_关于最流行的Angular问题的StackOverflow上的48个答案
angular面试题及答案 by Shlomi Levi 通过Shlomi Levi 关于最流行的Angular问题的StackOverflow上的48个答案 (48 answers on Stack ...
Angular 4官方文档(二)【数据的展现】
通过把 Angular 组件的属性绑定到 HTML 模板的控件上,我们可以展示数据. 本小节中,我们将会创建一个英雄列表组件.我们将展示英雄名字的列表,并根据条件来决定是否在列表下方展示一条信息. 最 ...
一步一步学习Angular2(03.示例 MASTER/DETAIL)
接着上一篇文章,今天跟随官网上的例子学习怎样增加一个英雄列表,并为它增加漂亮的样式. 启动我们的应用打工上一章的工程文件夹angular2-tour-of-heroes执行 npm start 英雄 ...
Angular中数据循环ngFor、条件判断ngIf、ngSwitch、执行事件(click)、表单事件(keyup)、ngClass、ngStyle的使用
场景 Angular介绍.安装Angular Cli.创建Angular项目入门教程: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/detail ...
Angular *NgFor - angular 基础教程
转载自 http://www.ngui.cc/news/show-115.html 在 Angular 中我们可以使用 ngFor 指令来显示数组中每一项的信息. 使用 ngFor 指令更新 Mai ...
Angular数据循环 *ngFor 与条件判断 *ngif 和 *ngSwitch
Angular数据循环 *ngFor 与条件判断 *ngif 和 *ngSwitch 首先,进行Angular环境的搭建和项目创建 ctrl + c 结束服务 1.新建模块 ng g compone ...

[Angular 2] ngFor

[Angular 2] ngFor相关推荐

最新文章

热门文章