您好,登錄后才能下訂單哦!
如下所示:
//自定義指令 "myEmail" grgApp.directive("myEmail",function(){ return{ restrict:'AE', scope:{toDir:'@', fromName:'@', sendEmail:'&' }, templateUrl:'/htmls/main/html/custom/email.html',} }); //控制器中的方法 $scope.send=function(msg){ alert("send email! msg: "+msg); } //email.html <div > <label ng-bind="toDir"></label> <label ng-bind="fromName"></label> <textarea ng-model="content"></textarea> <button ng-click="sendEmail({msg:content})">提交</button> </div> //html調用 <my-email to-dir="廣東中山" from-name="海南海口" send-email="send(msg)"/>
功能:點擊【提交】后,將自定義指令myEmail中textarea元素的內容傳遞給控制器中的send()方法。
關鍵點:模板email.html中的ng-click="sendEmail({msg:content})" 參數{msg:content}必須是一個鍵值對,鍵為:方法參數名 值為:傳遞的內容
以上這篇angularJS自定義directive之帶參方法傳遞詳解就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。