AngularJs-指令

html在构建应用时有很多不足，指令就是angular为了弥补诸多不足而自己定义了一系列的html属性或标签，指令都是以ng-开头的

1.内置指令

1. ng-app :指定应用根元素，至少一个元素指定了此属性
2. ng-controller: 指定控制器
3. ng-if: true/false 元素是否存在
4. ng-show: true 显示/false隐藏
5. ng-hide :true隐藏/false显示
6. ng-class: {‘classname’:true} 指定类是否存在
7. ng-repeat:’(key,value) in lists’ 循环lists的每一项value
8. ng-src:增强图片路径
9. ng-href:增强地址
10. ng-include:引入模板
11. ng-disabled:表单禁用
12. ng-readonly：表单只读
13. ng-checked:单/复选框选中
14. ng-selected:下拉框选中
15. …

2.自定义指令

当内置的指令无法满足需求时，可以自定义指令

    app.directive('directive1',function () {
        return {
            restrict:'ECMA',
            replace:true,
            template:'<h1>hello world</h1>'
        }
    })

        <!-以下四种情况都能被替换为hello world--->

        <!-- E:元素 -->
        <directive1></directive1>   

        <!-- C：类 -->
        <div class="directive1"></div>

        <!-- M：注释 -->
        <!-- directive:directive1 name -->

        <!-- A：属性 -->
        <div directive1='aaa'></div>