AngularJS 是一个流行的前端框架，它提供了许多有用的指令来简化前端开发。在本篇文章中，我们将学习两个最常用的指令：ng-init 和 ng-repeat。
ng-init 指令
ng-init 指令用于在 AngularJS 应用程序启动时初始化变量。该指令应该只用于一个元素上，并且只能用于控制器作用域内的变量。
下面是 ng-init 指令的语法：
<div ng-controller="myController" ng-init="name='John'"> {{name}} </div>
在上面的代码中，我们使用了 ng-controller 指令来声明一个控制器，然后使用 ng-init 来初始化名为 name 的变量。{{name}} 将显示 "John"。
ng-repeat 指令
ng-repeat 指令用于在模板中重复渲染 HTML 元素。该指令允许我们在数组或对象上进行迭代，并为每个元素生成一个新的 HTML 元素。
下面是 ng-repeat 指令的语法：
<ul> <li ng-repeat="person in people">{{person.name}}</li> </ul>
在上面的代码中，我们使用了 ng-repeat 指令来迭代一个名为 people 的数组，并为每个元素生成一个新的 <li> 元素。{{person.name}} 将显示当前迭代的对象的姓名。
示例代码
下面是一个完整的示例，演示了如何使用 ng-init 和 ng-repeat 指令：
-- -------------------- ---- ------- ---- -------------- ---------------------------- --------------------- ------------------------------------------------------- --------- -------------- ---- --- ----------------- -- ---------------------------- ----- ------ ------- ------------------------------------------------------------------------------------ -------- --- --- - ----------------------- ---- ------------------------------ ---------------- - --- ---------展开代码
在上面的示例中，我们使用了 ng-init 来初始化 name 和 people 变量。然后，我们将它们分别用于 <h1> 和 <li> 元素中。最后，我们创建了一个名为 myApp 的 AngularJS 应用程序，并声明了一个名为 myController 的控制器来管理该应用程序。
深度和学习指导意义
本文简要介绍了两个常用的 AngularJS 指令 ng-init 和 ng-repeat，并提供了示例代码。这些指令在实际开发中经常使用，因此了解它们的基本用法对于学习 AngularJS 很重要。
在学习 AngularJS 期间，建议您花时间阅读官方文档。同时，通过编写简单的应用程序和使用实际示例，可以更好地理解指令和其他 AngularJS 概念。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/3351
