AngularJS 指令
2017-02-19 本文已影响0人
maoyaocsf
就是告诉浏览器要做什么
作用：指令 的新属性来扩展 HTML。
内置的指令来为应用添加功能。
自定义指令
常见指令：ng-app 初始化一个AnguarJs 应用程序
ng-init初始化应用程序数据
ng-model把元素值绑定到应用程序数据是双向绑定ng-model 指令可以为应用数据提供状态值(invalid, dirty, touched, error):
基于它们的状态为 HTML 元素提供了 CSS 类：
ng-model 指令根据表单域的状态添加/移除以下类：
ng-empty
ng-not-empty
ng-touched
ng-untouched
ng-valid
ng-invalid
ng-dirty
ng-pending
ng-pristine
ng-repeat重复一个html元素
创建自定义的指令
使用驼峰法来命名一个指令， runoobDirective, 但在使用它时需要以 - 分割, runoob-directive:
<body ng-app="myApp">
<runoob-directive></runoob-directive>
<script>
var app = angular.module("myApp", []);
app.directive("runoobDirective", function() {
return {
restrict : "A",//通过那种方式来调用指令：E 作为元素名使用A 作为属性使用C 作为类名使用M 作为注释使用
template : "<h1>自定义指令!</h1>"
};
});
</script>
</body>
