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

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

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

示例代码：

／／子组件ｏｒｄｅｒ．ｈｔｍｌ

这是子组件app-order

　我要购买名称是:{{stockCode}}的股票，一共购买{{account}}股

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

／／父组件ａｐｐ．ｈｔｍｌ

　

这是父组件app

　

　
　　
　

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

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

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