angular.js組件化:為了達(dá)到ui的復(fù)用,將頁面分成幾部分巢音∽窬耄可以通過組件化來實(shí)現(xiàn)。
<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拓展新功能官撼,內(nèi)置指令添加新功能梧躺,允許你自定義指令。
1.ng-*,內(nèi)部指令傲绣。
2.使用.directive來創(chuàng)建自定義指令掠哥。
angular.module('myApp',[])
.diective('myDirective',function(){
return? {
restrict:'',
controller:,
controllerAs:'',
template:'',
replace:,
scope:{
}
}
})
3.調(diào)用指令:
元素<my-directive></my-directive>,
屬性<div my-directive></div>秃诵,
類名<div class='my-directive'></div>
和注釋<--- directive: my-directive? ------>续搀。