Angular 2预览
设置
在一个终端会话中:
npm install
npm run tsc
在另一个终端会话中:
npm start
然后打开
熟悉
添加一些英雄
点击一些英雄
编辑一些英雄的名字
活动#1
创建一个新组件,该组件将在右上角显示英雄数量。
步骤1
创建一个新组件。 在第3行的app/app.ts中,添加以下内容:
@ Component ( {
selector : 'counter' ,
template : `{{heroes.length}}` ,
properties : [ 'heroes' ]
} )
class CountComponent {
public heroes : Hero [ ]
}
第2步
通过将指令行更改为以下内容来告知AppComponent新组件:
directives : [ FORM_DIRECTIV