📅 最后修改于: 2023-12-03 15:17:52.226000 🧑 作者: Mango
ng-app 指令告诉 AngularJS 应该在哪个 HTML 元素中启动应用程序。该指令通常是在 HTML 的根元素中使用的。
<!DOCTYPE html>
<html ng-app="myApp">
<!-- ... -->
</html>
在上面的例子中，ng-app 指令告诉 AngularJS 应该在 HTML 元素中启动名为 myApp 的应用程序。
ng-init 指令用于初始化一个 AngularJS 应用程序中的变量或表达式。该指令允许我们在 HTML 中指定变量或表达式的初始值。
<div ng-init="name='张三'; age=18">
<p>姓名：{{name}}</p>
<p>年龄：{{age}}</p>
</div>
在上面的例子中，我们使用 ng-init 指令来初始化 name 和 age 两个变量的初始值。这两个变量可以在 div 元素中的任何位置使用。
ng-model 指令用于在表单元素（如输入框、文本区域等）和 AngularJS 应用程序中的变量之间建立双向数据绑定。
<div ng-app="myApp">
<p>姓名：{{name}}</p>
<input type="text" ng-model="name">
</div>
在上面的例子中，我们使用 ng-model 指令将输入框和 name 变量建立双向数据绑定。当用户在输入框中输入文本时，AngularJS 会自动更新 name 变量的值，并在页面中显示变化后的值。
总之，在 AngularJS 开发中，ng-app、ng-init 和 ng-model 指令是非常常用的指令，掌握它们的使用可以极大地提高开发效率。