让前端飞前端攻城狮Web 前端开发

angularJS自定义directive之带参方法&传

2018-02-08  本文已影响13人  竿牍

自定义指令 "myEmail"

app.directive("myEmail",function(){
return{
restrict:'AE',
scope:{
   sendEmail:'&'
},
templateUrl:'<div><textarea ng-model="content"></textarea><button ng-click="sendEmail({msg:content})">提交</button></div>',
}
});

控制器中的方法

app.controller("myCtrl",function($scope){
 $scope.send=function(msg){
 console.log("send email!, message: "+msg);
  }
}

Html调用

<my-email send-email="send(msg)"/>

关键点

指令模板中的ng-click="sendEmail({msg:content})" 参数{msg:content}必须是一个键值对,键为:方法参数名 ,值为:传递的内容

上一篇下一篇

猜你喜欢

热点阅读