AngularJS指令基础（一）

AngularJS指令基础（一）

1.什么是指令：粗暴的理解就是，自定义HTML标签。专业理解是指，angularJS扩展具有自定义功能的HTML元素的途径。

2.什么时候用到指令：需求是变化的、多样的，有的时候HTML提供的标签或者angular内置的指令不能满足我的业务需求时（又或者说代重复代码太多，先精简代码的时候），我们就必须要为自己写一个指令去实现逻辑（或精简代码）。就比如<strong>标签，可以使字体加粗，可是如果我有一个业务需求：“让加粗的字体都变成蓝色”，那我就要每次都在<strong>标签后面添加一个改变颜色的样式。而angular则提供了方法，可以通过编写<my-strong>指令，继承并添加“color:bule”，这样以后只要调用<my-strong>这个标签，就自动可以让加粗字体变蓝了。

3.怎么用指令：（假设你已经创建了完整的HTML文档，其中包含了ANgularJS，并且DOM中已经用了ng-app指令标识出了应用的根元素）

angular.module( 'myApp' , [])
    .directive( 'myDirective' , function(){
        return{
            restrict: 'E'
            template: '<a href="http://google.com">'
            Click me to go to Google</a>'
        };
});

调用指令意味着执行指令背后相关联的JavaScript代码。