AngularJs自定义指令

1、angularJs写法

var app = angular.module("myApp", []);
app.directive("myDirective", function() {
    return {
        restrict : "A",
        template : "<h1>自定义指令!</h1>"
    };
});

 2、ionic工程写法

angular.module('ysw.directives', [])

/* 自定义 */
.directive('myHeader', function () {
    return {
        restrict: 'E',
        scope: false,
        templateUrl: 'templates/headerNav.html',
        controller: 'HeaderCtrl'
    };
})

 说明：

1、directives.js为js文件夹下的文件，所有的自定义指令都写在该文件中。

2、restrict为指令的调用方式，默认为EA

• E 作为元素名使用
• A 作为属性使用
• C 作为类名使用
• M 作为注释使用

3、templateUrl，该指令对应的HTML页面。

4、controller，该指令对应的控制器。

5、scope//false，默认值，共享父级作作用域；true，继承父级作用域并创建自己的；{}创建自己的作用域，与父级无关