angular 定义对象_angular 自定义指令详解

一：指令的创建

创建module：

var module1 = angular.module('module1',[]);

angular.bootstrap(document.body,['module1']);

创建controller：

var module1 = angular.module('module1',[]);

module1.controller('ctl1', function($scope) {

$scope.content= 'i\'m, module 1';

$scope.name= 'module1';

$scope.save= function() {

console.log('is function save');

};

});

angular.bootstrap(document.body,['module1']);

创建指令(directive)：

//衔接上面的代码

module1.directive('testDirective', function() {//将对象return出去

return{

restrict:'E',//指令类型 E：element A：attribute M：comment C: class

template: '

我是指令生成的内容

';

replace:true, //使用模板替换原始标记 指令内原本的数据将被清空

}

});

angular.bootstrap(document.body,['module1']);

html引入指令：

{{content}}这是原本的内容