angular.js - 如何在指令里使用ng-click
問題描述
return {restrict: ’E’,replace: true,scope: { cancelFunc: ’&’},template: ’<section class='part-load'>’+ ’<p class='part-text'>正在加載</p>’+ ’<p ng-click='cancelFunc'></p>’+ ’</section>’,link: function (scope, elem, attrs) {} }}]);
如上,定義了一個指令partload,期望傳入屬性值cancelFunc,綁定ng-click事件,html結構:
<partload cancel-func='stop()'></partload>
控制器中定義了一個stop方法:
$scope.stop = function () { alert(1)}然而并不會觸發,為啥呢?如何解決呢?
問題解答
回答1:謝邀
在線示例的地址:https://plnkr.co/edit/LBb4dN7...跟你唯一不同的地方ng-click='cancelFunc()'
謝邀
我也弄個在線例子好了:https://embed.plnkr.co/SirYJd...
試試這樣
return {restrict: ’E’,replace: true,scope: { cancelFunc: ’&’},template: ’<section class='part-load'>’+ ’<p class='part-text'>正在加載</p>’+ ’<p ng-click='_cancelFunc()'></p>’+ ’</section>’,link: function (scope, elem, attrs) { scope._cancelFunc = function(){// 這里可以寫一些指令內部邏輯scope.cancelFunc({id: 1}); // { id : 1 } 傳參 }} }
相關文章:
1. android - 安卓做前端,PHP做后臺服務器 有什么需要注意的?2. java - spring-data Jpa 不需要執行save 語句,Set字段就可以自動執行保存的方法?求解3. docker-compose 為何找不到配置文件?4. css - 使用blur()濾鏡為什么有透明的效果5. angular.js - 通過數據中children的個數自動生成能點擊展開的div6. docker gitlab 如何git clone?7. python的bs4如何篩選出h1標簽中的內容8. javascript - 移動端H5頁面禁止縮放了,在瀏覽器上仍然可以縮放9. Android下,rxJava+retrofit 并發上傳文件和串行上傳文件的效率為什么差不多?10. javascript - [MUI 子webview定位]
