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? ------>。