AngularJS-指令command

时间：2017-03-15 22:22:31 阅读：276 评论：0 收藏：0 [点我收藏+]

标签：技术 dir ever url name amp rest 多个 everyone

directive：

匹配模式restrict:‘AEMC‘默认为A

template

templateUrl

templateCache:把模板缓存起来，共多个指令使用

var myModule = angular.module("MyModule", []);

//注射器加载完所有模块时，此方法执行一次
myModule.run(function($templateCache){
    $templateCache.put("hello.html","<div>Hello everyone!!!!!!</div>");
});

myModule.directive("hello", function($templateCache) {
    return {
        restrict: ‘AECM‘,
        template: $templateCache.get("hello.html"),
        replace: true
    }
});

replace：

transclude:指令互相嵌套

独立scope

scope：{}

var myModule = angular.module("MyModule", []);
myModule.directive("hello", function() {
    return {
        restrict: ‘AE‘,
        scope:{},
        template: ‘<div><input type="text" ng-model="userName"/>{{userName}}</div>‘,
        replace: true
    }
});

绑定策略

技术分享