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