Angular2(二）--属性绑定

*ngFor用来显示数组

[(ngModel)]=“”用来显示双向绑定数据，{{}}用来显示单项绑定数据，为了使用双向绑定的form inputs，我们需要导入FormsModule模块，来导入包含ngModel的表单包

angular绑定事件

从$event中获取用户的输入，$event.target给我们一个HTMLInputElement，有一个value属性包含用户的输入数据
template reference variabe需要bing an event才可以有效
能够直接访问发给element，通过在变量前添加#来声明一个template reference variable,如：<input #box (keyup)="0">，box变量是input element的引用，即它可以引用input element的值
使用key.enter事件让事件的发生在用户按enter键后进行
使用blur事件可以将焦点模糊

*ngIf会判断对象，若有值会将相应的值传入，并执行ngIf的代码块

[ ]中括号是属性绑定

property binding 可以用于可以将一个view element属性设置到template属性上，它是单向，从组件属性流向目标元素属性

attribute binding适用于view element只有参数，没有该属性的情况，通过[attr.viewname]来绑定属性

class binding用于想element’s class添加或删除css类，通过[class.class-name]来绑定属性
[style.style-property]样式绑定

NgModule 里的declarations指定一切我们创建的components, pipes, and directives