1.背景介绍

AngularJS 通过被称为 指令 的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。

angular指令分为：内置指令 && 自定义指令。 内置指令：AngularJS 指令是扩展的 HTML 属性，带有前缀 ng-。

angular自带的指令，共有60多个。 AngularJS提供了一系列内置指令。其中一些指令重载了原生的HTML元素，比如 form 和 a 标签，当在HTML中使用标签时，并不一定能明确看出是否在使用指令。 例如， form 标签被从底层扩展了一系列高级功能，包括表单验证等，原生HTML表单并不会提供这些功能。其他内置指令通常以ng为前缀，很容易识别。 所有以ng前缀开头作为命名空间的指令都是AngularJS提供的内置指令，因此不要把你自己开发的指令以这个前缀命名。

常用的内置指令：
ng-app:使用该指令自动启动一个AngularJS应用。ng-app指令指定的应用程序的根元素，通常放置在网页的根元素如body或html标签
ng-controller:该指令用于实例化指定的控制器对象。ngController指定一个Controller类，这个类控制业务逻辑和模型的在视图的绑定
ng-class：指定 HTML 元素使用的 CSS 类，该指令允许你动态设置CSS类在一个HTML元素的数据绑定表达式，代表所有的类被添加
ng-click： 定义元素被点击时的行为
ng-model: 绑定 HTML 控制器的值到应用数据
ng-bind:绑定 HTML 元素到应用程序数据
ng-repeat: 定义集合中每项数据的模板

通过AngularJS模块API中的.directive()方法，我们可以通过传入一个字符串和一个函数来注册一个新指令。其中字符串是这个指令的名字，指令名应该是驼峰命名风格的，函数应该返回一个对象,包含了用来定义和配置指令所需的方法和属性。

angular.module("myApp", [])

.controller('demoCtrl',function ($scope) {

        $scope.aa='as111111'

        })

.directive('demoOne',function () {

        return{

        restrict:"AECM",

        template:'',

        replace: true,

        scope:{},

controller:['$scope',function ($scope) {

        $scope.aa='ss1212'

         }]

    }

})
                

restrict属性有4个值元素（E） 、属性（A） 、类（C）或注释（M）用以制定格式来调用，可以有不止一种格式，比如 restrict: 'EAC' replace的值决定它的模板是嵌套入标签中还是取而代之，若replace值为true，则显示的为否则默认情况下， AngularJS将模板生成的HTML代码嵌套在自定义标签内部。 scope参数是自定义指令中比较重要的一个参数，一共有3个属性值：true && false && {} 第一种情况:scope:true 继承父作用域，并且新建独立作用域 第二种情况:scope:false 共享父作用域 第三种情况:scope:{} 不继承父作用域，创建新的独立作用域