首頁猿問請教一個angularjs中在指令...

請教一個angularjs中在指令調(diào)用controller方法的問題

JavaScript

紅顏莎娜 2019-04-16 20:27:22

有一個需求，需要在指令中調(diào)用指令所在controller里的方法，我舉個簡單的例子，代碼如下：Documentcontroller和directive的代碼如下：varapp=angular.module('myApp',[]);app.controller('myCtrl',function($scope){$scope.click=function(param){console.log(param);}}app.directive('myDir',function(){return{restrict:'AE',replace:true,template:'',scope:{myClick:'&'},link:function(scope,elem,attr){scope.inputClick=function(){scope.myClick("123");}}}});使用這種方式，倒是可以調(diào)用到controller里的click方法，但是參數(shù)沒法傳遞過去，打印出來的param始終是undefined，是不是我這種調(diào)用方式壓根就是錯誤的啊，那么如何應(yīng)對這種需求呢，求大神指教，在線等，謝了?。?！

查看完整描述

2 回答

蝴蝶不菲

TA貢獻1810條經(jīng)驗獲得超4個贊

你需要把scope.myClickparse成一個function,然后再調(diào)用它。varfn=$parse(scope.myClick);//parseitasfunctionfn('123')//callthefunction.你可以參照一個rightClickdirective的寫法：.directive("rightclick",['$parse',function($parse,$scope){return{restrict:'A',transclude:true,scope:{'rightclick':'&rightclick'},link:function(scope,element,attrs){element.bind('contextmenu',function(event){varfn=$parse(scope.rightclick);//parseitasfunctionscope.$apply(function(){event.stopPropagation();event.preventDefault();fn();});});}};}])