ng-init指令初始化应用程序数据。
如果我们想给文本框一个初化的值:
![](https://images2015.cnblogs.com/blog/28036/201705/28036-20170503141154492-920900556.png)
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<div ng-app="" ng-init="Name='Leo'">
<div>
<input id="Text1" type="text" ng-model="Name" />
</div>
<div>
Text box value:{{Name}}
</div>
</div>
Source Code
当页面初始加载时,文本框显示初始化的值。
![](https://images2015.cnblogs.com/blog/28036/201705/28036-20170503142127054-1595950120.gif)
ng-init可以初始化数据,也可以定义数据源:
![](https://images2015.cnblogs.com/blog/28036/201705/28036-20170503152826695-1946288154.png)
然后可以使用ng-repeat把数据集循环显示列出来:
![](https://images2015.cnblogs.com/blog/28036/201705/28036-20170503153031523-399772442.png)
运行结果:
![](https://images2015.cnblogs.com/blog/28036/201705/28036-20170503153151226-1257620386.png)