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

2018-06-22 06:11:34来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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

 

运行结果:

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:关于bootstrap日期转化,bootstrap-editable的简单使用,bootstra

下一篇:MVC HtmlHelper扩展——实现分页功能