当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


AngularJS ng-init用法及代码示例


ng-init指令用于初始化AngularJS应用程序数据。它为AngularJS应用程序定义了初始值,并为变量分配了值。
ng-init指令为AngularJS应用程序定义了初始值和变量。

用法:

<element ng-init = "expression">
   ...
</element>

例:在这个例子中,我们初始化一个字符串数组。


<html> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/ 
    angular.min.js"></script> 
    <head> 
        <title>AngularJS ng-init Directive</title> 
    </head> 
    <body> 
            <h1 style = "color:green">GeeksforGeeks 
            <h2>ng-init directive</h2> 
            <div ng-app="" ng-init="sort=['quick sort', 'merge sort', 
             'bubble sort']"> 
             Sorting techniques:
            <ul> 
            <li>{{ sort[0] }} </li> 
            <li>{{ sort[1] }} </li> 
            <li>{{ sort[2] }} </li> 
            </ul> 
         </div> 
    </body> 
</html>

输出:
ng-app



相关用法


注:本文由纯净天空筛选整理自Vishal Chaudhary 2大神的英文原创作品 AngularJS | ng-init Directive。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。