angular4.0的输入属性@Input()

输入属性的定义：输入属性是被　＠ｉｎｐｕｔ（）　装饰器注解的属性，用来从父组件接收数据，然后传递给子组件。

特点：输入属性的数据绑定是单向的，只能是父组件到子组件。

示例代码：

／／子组件ｏｒｄｅｒ．ｈｔｍｌ
<div>这是子组件app-order</div>
<div>
　我要购买名称是:{{stockCode}}的股票，一共购买{{account}}股
</div>

／／子组件ｏｒｄｅｒ．ｊｓ
export class OrderComponent implements OnInit {
　@Input()
　stockCode:string
　@Input()
　account:number
}

／／父组件ａｐｐ．ｈｔｍｌ
<div>
　<div>这是父组件app</div>
　<div>
　<input type="text" [(ngModel)]="stockName" >
　　<app-order [stockCode]="stockName" [account]="stockNum"></app-order>
　</div>
</div>

／／ａｐｐ．ｊｓ
export class AppComponent {
　title = 'app';
　stockName:string="";
　stockNum:number=1000;
}

重点：父组件的属性ｓｔｏｃｋＮａｍｅ通过＠Ｉｎｐｕｔ（）注解的属性［ｓｔｏｃｋＣｏｄｅ］＝＂ｓｔｏｃｋＮａｍｅ＂传递给了子组件的ｓｔｏｃｋＣｏｄｅ属性

　小技巧：在ａｎｇｕｌａｒ的新版本中，如果用到了表单元素，需要在跟模块ａｐｐ．ｍｏｄｕｌｅ．ｔｓ中手动引入ＦｏｒｍｓＭｏｄｕｌｅ．