zl程序教程

您现在的位置是:首页 >  大数据

当前栏目

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

数据应用程序 指令 初始化 init NG
2023-09-27 14:21:30 时间

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

如果我们想给文本框一个初化的值:

 

<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-repeat把数据集循环显示列出来:

 

运行结果: