Angularjs指令

什么是Angularjs的指令？

先看看官网解释：

AngularJS 通过被称为 指令 的新属性来扩展 HTML。

AngularJS 通过内置的指令来为应用添加功能。

AngularJS 允许你自定义指令。

实际上就是我们定义一个<job></job>标签，但是实际上浏览器并不认识这个job标签是什么，它默认所能做的唯一方法就是忽略。。。

而ng就给我们提供了一个可以定义自定义标签这样非常强大的功能，我们定义的自定义标签可以通过ng解析，并运行

先来段JS代码：

var appModule = angular.module('app', []);
appModule.directive('hello', function() {
    return {
        restrict: 'E',
        template: '<div>Hi there</div>',
        replace: true
    };
});
上面的代码里定义了一个appModule变量并保存了一个名为app的模块。
然后用directive函数，给appModule绑定一个hello的指令，在这个函数里，有几个对象字面量，其中有一个一眼就能看的出来的template字面量，里面保存了一个div标签

这样绑定以后，我们在浏览器里调用<hello></hello>标签，会发现hello这个已经被<div>Hi there</div>替换掉了，这也就是字面量replace:true的作用。

而restrict:'E'呢，看下表：