ng-init指令初始化应用程序数据。

如果我们想给文本框一个初化的值:
初始化应用程序数据ng-init指令_初始化

 

初始化应用程序数据ng-init指令_ng-init_02初始化应用程序数据ng-init指令_angularjs_03
<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

 

当页面初始加载时,文本框显示初始化的值。
初始化应用程序数据ng-init指令_ng-init_04

 ng-init可以初始化数据,也可以定义数据源:
初始化应用程序数据ng-init指令_ng-init_05

 

然后可以使用ng-repeat把数据集循环显示列出来:
初始化应用程序数据ng-init指令_ng-init_06

 

运行结果:
初始化应用程序数据ng-init指令_angularjs_07