angular.js组件化：为了达到ui的复用，将页面分成几部分。可以通过组件化来实现。

<my-component data='1'></my-component>

angular.module('myApp',[])

.component('myComponent',{

controller:myComonentController,

controllerAs:'myComCtrl',

link:link,

bindings:{

data :'<?'

},

templateUrl:'my-component.html',

require:{}

})

directive指令

通过指令来为html拓展新功能，内置指令添加新功能，允许你自定义指令。

1.ng-*,内部指令。

2.使用.directive来创建自定义指令。

angular.module('myApp',[])

.diective('myDirective',function(){

return  {

restrict:'',

controller:,

controllerAs:'',

template:'',

replace:,

scope:{

}

}

})

3.调用指令：

元素<my-directive></my-directive>，

属性<div my-directive></div>，

类名<div class='my-directive'></div>

和注释<--- directive: my-directive  ------>。