在AngularJS中，ng-init是一个非常有用的指令，它允许我们在页面加载时初始化变量或者执行一些初始化操作。在本文中，我将详细介绍ng-init的用法，并提供一些示例代码帮助你更好地理解。
什么是ng-init？
ng-init是AngularJS中的一个内置指令，它可以用来在页面加载时初始化变量或者执行一些初始化操作。通常情况下，我们会在ng-init中定义一些初始值，以便在页面加载时就能够使用这些值。
ng-init的语法
ng-init的语法非常简单，它可以直接写在HTML标签中，并且接受一个AngularJS表达式作为参数。例如：
<div ng-init="name = 'John'; age = 30"></div>
在上面的示例中，我们使用了ng-init指令来初始化两个变量name和age，分别赋予了初始值'John'和30。
ng-init的用法示例
下面我将演示几个常见的ng-init用法示例，帮助你更好地理解这个指令的作用。
初始化变量
<div ng-init="count = 0"></div>
在这个示例中，我们使用ng-init指令初始化了一个变量count，并将其初始值设为0。
执行初始化操作
<div ng-init="initData()"></div>
在这个示例中，我们使用ng-init指令来执行一个名为initData的函数，该函数可以用来初始化一些数据。
初始化数组
<div ng-init="items = ['apple', 'banana', 'orange']"></div>
在这个示例中，我们使用ng-init指令初始化了一个数组items，其中包含了三个水果名称。
总结
通过本文的介绍，你应该对AngularJS中的ng-init指令有了更深入的了解。希望这些示例代码能够帮助你更好地应用ng-init来实现页面数据的初始化。如果你有任何疑问或者建议，欢迎在下方留言讨论。感谢阅读！