AngularJS指令完整参考指南

2021年3月19日18:53:52 发表评论 909 次浏览

指令是文档对象模型(DOM)中的标记。指令可与任何控制器或HTML标记一起使用, 这将告诉编译器预期的确切操作或行为。存在一些预定义的指令, 但是如果开发人员希望他可以创建新指令(自定义指令)。

例子：本示例使用ng-app指令定义默认的AngularJS应用程序。

<html>        
<head> 
     <title>AngularJS ng-app Directive</title> 
     <script src= 
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js" >
     </script> 
</head> 
<body style= "text-align:center" > 
          
     <h2 style = "color:green" >ng-app directive</h2> 
     <div ng-app= "" ng-init= "name='lsbin'" > 
         <p>{{ name }} is the portal for geeks.</p>
     </div> 
</body>   
</html>

输出如下：

下表列出了重要的内置AngularJS指令。

指令	描述
ng-app	AngularJS应用程序的启动。
ng-init	用于初始化变量
ng模型	ng-model用于绑定到HTML控件
ng控制器	将控制器附加到视图
ng-bind	将值与HTML元素绑定
ng-repeat	对指定集合中的每个项目重复一次HTML模板。
ng-show	显示或隐藏关联的HTML元素
ng只读	将HTML元素设置为只读
禁用ng	用于动态禁用或启用按钮
ng-if	删除或重新创建HTML元素
ng-点击	自定义点击步骤