首页 > 代码库 > 自定义指令

自定义指令

自定义指令有两种方法:

第一种:angular.module(‘myapp‘,[‘$scope‘,function($scope){

  return {}

}])

第二种:angular.module(‘myapp‘,[]).directive(‘指令名‘,function(){

  return {

    restrict: ‘ACEM‘,

    replace:true,

    template:‘<div>content</div>‘,

    templateUrl:‘demo/index.html‘ //这里的路径是相对angular下的index.html的,模板里的内容可以获取控制器里定义的属性变量

  }

})

指令常用配置属性

 

 transclude //这个属性可以保留被替换的内容

link
compile

自定义指令