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'呢，看下表：