📅 最后修改于: 2023-12-03 14:39:14.362000 🧑 作者: Mango
AngularJS是一个流行的JavaScript框架，其ng指令是其中的重要组成部分。通过使用ng指令，可以更简单、更高效地构建AngularJS应用。
ng-app指令告诉AngularJS应用的根元素。在HTML页面上只需定义一次。
<!doctype html>
<html ng-app="myApp">
...
</html>
ng-model指令用于双向数据绑定。它将表单控件（比如输入框、下拉菜单等）的值绑定到angularJS应用中的变量，从而实现了数据绑定。
<input type="text" ng-model="name">
ng-repeat指令将会重复显示一个元素，每次循环都是从coffees数组中取出一个元素。
<ul>
<li ng-repeat="coffee in coffees">{{coffee.name}}</li>
</ul>
ng-click指令使我们可以在元素被单击时执行指定的表达式。
<button ng-click="sayHello()">Say hello</button>
ng-show和ng-hide指令可以根据表达式的值来隐藏或显示元素。
<p ng-show="showMessage">Hello, AngularJS!</p>
<p ng-hide="showMessage">I am hidden</p>
ng-if指令用来判断某个条件，如果为真，就生成指定的元素，否则就不生成。
<div ng-if="isVisible">I am visible</div>
ng-class指令可以根据表达式的值来为元素添加或删除一个或多个class。
<div ng-class="{highlight: isHighlighted, red: isRed}">Hello, AngularJS!</div>
ng-src指令用来设置图片的src属性，避免了一些不必要的错误。
<img ng-src="{{imageUrl}}">
AngularJS是一个功能强大、易于使用的框架，ng指令是AngularJS框架的核心。所有的AngularJS应用都由ng指令组成，它们提供了许多功能，可以帮助我们更简单、更高效地构建一个完整的web应用程序。