[英]How to create click event using angular directive?
我是創建AngularJs指令的新手,因此下面創建了指令,當用戶單擊Delete按鈕時,我正在檢查scope,element和attrs的值是什么,但在控制台中未打印任何內容。 ProcessDTO是控制器中的json數據。
不知道我在這里缺少什么,我已經閱讀了指令文檔,但是如果有人可以輕描淡寫並將其解釋為初學者水平,那就太好了。
html
<button class="btn btn-danger"
type="button" autodelete delete-tags="processDTO">Delete</button>
指令
angular.module('App').directive('autoDelete', function () {
'use strict';
return{
restrict:'A',
scope:{
autoDeleteTags: '=deleteTags'
},
link:function(scope,element,attr){
$(element).click(function(){
console.log('Element',element);
console.log('SCOPE',scope);
console.log('ATTRS',attr);
})
}
}
});
名為autoDelete
的指令正在查找屬性auto-delete
而不是autodelete
嘗試:
<button class="btn btn-danger"
type="button" auto-delete delete-tags="processDTO">Delete</button>
也建議使用ng-click
而不是創建自己的事件處理程序
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.