AngularJS 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

指令:ng-init


ng-init指令初始化应用程序数据,也就是为AngularJS应用程序定义初始值,通常情况下,我们会使用一个控制器或模块来代替它,后面我们会介绍有关控制器和模块的知识。

如下所示,我们为应用程序变量name赋定初始值。

<div ng-app="" ng-init="name='Hello World'">

</div>

我们不仅可以赋值字符串,也可以赋值为数字、数组、对象,而且可以为多个变量赋初始值,如下所示:

<div ng-app="" ng-init="quantity=1;price=5">

</div>
//或者
<div ng-app="" ng-init="names=['Tom','Jerry','Gaffey']">

</div>

后面我们还会学习使用控制器来初始化数据的方式,接着我们来学习如何来调用这些已经初始化了的值。