angularjs指令系统系列课程（1）：目录

标签：

angularjs里面有一套十分强大的指令系统

比如内置指令：ng-app,ng-model,ng-repeat,ng-init,ng-bind等等

从现在开始我们讲解AngularJS自定义指令

首先我们先看下AngularJS里新定义一个指令的写法：

newsApp.directive(‘newDirective‘, function() {

    return {
        priority: 0, //优先级
        template: ‘‘,
        templateUrl: ‘‘, //引入模板链接
        replace: false, //替换
        transclude: false, //是否保留原有内容
        restrict: ‘E‘, // E C A M
        controller: ‘‘, // or function(){}
        scope: false, //true or {}
        require: [‘?ngModel‘],//依赖项
        compile: function compile(tElement, tAttrs, transclude) {
            return {
                pre: function preLink(scope, iElement, iAttrs, controller) {

                },
                post: function postLink(scope, iElement, iAttrs, controller) {

                }
            }
        },
        link: function postLink(scope, iElement, iAttrs) {
        }
    }
});

针对指令的这些参数我们进行分布讲解，课程目录：

1. 第一节:priority,template,templateUrl

2. 第二节:replace，transclude,restrict

3. 第三节:controller,scope

4. 第四节:require,ngModel

5. 第五节:compile

6. 第六节:link

angularjs指令系统系列课程（1）：目录

标签：

原文地址：http://www.cnblogs.com/qiumohanyu/p/5445477.html