- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
angular知识积累
angular知识积累
**formName.$invalid**
```jade
form(name=myForm,ng-submit=save(),ng-controller=formCtrl)
input(name=username,ng-model=user.username, required)
input(type=submit, ng-disabled=myForm.$invalid)
```
---
`ng-app`鍦ㄥ悓涓€椤甸潰瀹為檯鍙互鏈夊涓殑锛屼絾瀹冧滑涓嶈兘鏄祵濂楃殑鍏崇郴锛侀粯璁ゅ惎鍔ㄧ1涓猔ng-app`锛岃嚦浜庣2涓氨闇€瑕佹墜鍔ㄥ惎鍔紝浣嗕竴鑸彧鐢ㄤ竴涓猲g-app
---
**鎸囦护鐨剆cope缁戝畾绛栫暐**
- `@`缁戝畾锛氫紶閫掑瓧绗︿覆鐨勫€硷紝瀵瑰簲鐨勬槸瀛楃涓?- `=`缁戝畾锛氬弻鍚戞暟鎹粦瀹氾紝瀵瑰簲鐨勬槸涓€涓彉閲?- ``璐熻矗璋冪敤鏂规硶锛屽搴旂殑鏄竴涓嚱鏁扮殑璋冪敤
jade閮ㄥ垎锛?
```jade
div(ng-controller=MyCtrl)
| Ctrl:
input(type=text,ng-model=ctrlFlavor)
| Directive:
drink(flavor=ctrlFlavor, taste={{ctrlFlavor}}, pour=fnPour(thing))
```
javascript閮ㄥ垎锛?
```javascript
app.controller(MyCtrl, function($scope){
$scope.ctrlFlavor = 鐧句簨鍙箰
$scope.fnPour = function(thing){
console.log(thing)
}
})
app.directive(drink, function(){
return {
restrict: AE,
scope: {
// 瀹炵幇鐨勬槸瀛楃涓蹭紶閫? taste: @,
// 瀹炵幇鏁版嵁鍙屽悜缁戝畾
// flavor灞炴€т笂鐨刢trlFlavor锛岀浉浜掍紶閫? // flavor = ctrlFlavor
flavor: =,
// =鍙蜂篃鍙繖鏍峰啓
title: =expanderTitle,
// 鏂规硶璋冪敤
pour:
},
template: Taste: {{taste}}, input type=text ng-model=flavor /+
// pour鏂规硶浼犺繘鍘荤殑鏄竴涓璞★細thing缁戝畾鐨勬槸flavor
button ng-click=pour({thing:flavor})鎻愪氦/button
}
})
```
---
**compile鍑芥暟**
涓€鑸緢灏戠敤compile鍑芥暟
compile鍑芥暟鏄敤浜庡鎸囦护鏈韩鐨勬ā鏉胯繘琛岃浆鎹?
link浣滅敤鏄湪妯″瀷鍜岃鍥句箣闂村缓绔嬪叧鑱旓紝鍖呮嫭鍦―OM涓婃敞鍐岀洃鍚?
compile鍑芥暟鍜宭ink鍑芥暟涓嶄細鍚屾椂鍑虹幇銆傚鏋滃悓鏃跺嚭鐜扮殑璇濓紝link鍑芥暟浼氭棤鏁堬紝angular浼氭墽琛岀殑鏄痗ompile鍑芥暟杩斿洖鐨刲ink鍑芥暟
瀵逛簬鍚屼竴鎸囦护鐨勫涓疄渚嬶紝compile鍑芥暟鍙細鎵ц涓€娆★紝鑰宭ink鍑芥暟瀵规瘡涓疄渚嬮兘浼氭墽琛屼竴娆?
html:
```html
div alotofhello=5
phello, boy!/p
/div
```
js:
鍏朵腑鏈€閲嶈鐨勪竴鐐规槸锛宑ompile鍑芥暟蹇呴』杩斿洖link鍑芥暟锛岃繖鏄痑ngular鐨勮瀹?
```javascript
myApp.directive(alotofhello, function(){
return {
restrict: A,
compile: function(el,attrs,transclude){
// 瀵规爣绛捐繘琛屼竴浜涘彉鎹? var tpl = el.children().clone()
文档评论(0)