在 AngularJS 中，ng-init 指令可以用来初始化数据，它可以在页面加载时为变量赋值，也可以在事件触发时为变量赋值。在本文中，我们将详细介绍 ng-init 的用法，并提供示例代码和指导意义。
ng-init 的基本用法
ng-init 的基本语法如下：
---- ----------------- - -------
其中，variable 表示要初始化的变量名称，value 表示要为变量赋的值。在 ng-init 中可以使用 AngularJS 表达式，如下所示：
---- ----------------- - ------- ------------
上面的代码将变量 variable 初始化为字符串 'Hello, AngularJS'。
在控制器中使用 ng-init
在控制器中，我们可以使用 ng-init 来初始化控制器中的变量。例如，我们可以在控制器中定义一个变量，然后在 ng-init 中初始化它，如下所示：
---- ---------------------------- -----------------
-- ------- --
------
--------
----------------------- ---
--------------------------- ---------------- -
-------------- - ---
----------- - ---------- -
-------------- - ------- -----------
--
---
---------上面的代码中，我们定义了一个控制器 MyController，它包含一个变量 message 和一个 init 函数。然后，在 ng-init 中调用 init 函数来初始化变量 message。
在 ng-repeat 中使用 ng-init
在 ng-repeat 中，我们可以使用 ng-init 来初始化循环变量。例如，我们可以在 ng-repeat 中定义一个变量，然后在 ng-init 中初始化它，如下所示：
---- --------------- -- ------ ---------------------- - ---
-- --------- -- - -- ---------- -- - -- ------------- --
------
--------
----------------------- ---
--------------------------- ---------------- -
------------ - -
- ----- -------- ------ - --
- ----- --------- ------ - --
- ----- --------- ------ - -
--
---
---------上面的代码中，我们定义了一个循环变量 item，并在 ng-init 中为它添加了一个 quantity 属性。在 ng-repeat 中，我们可以直接使用 item.quantity 来访问这个属性。
总结
ng-init 是一个非常有用的指令，它可以用来初始化变量、调用函数等。在使用 ng-init 时，我们需要注意不要滥用它，以免造成代码混乱和维护困难。我们应该尽量使用控制器来管理数据和行为，而不是在视图中使用 ng-init。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65f2bce02b3ccec22fb53202