angularJS自定义directive之带参方法传递详解-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

angularJS自定义directive之带参方法传递详解

如下所示:

在达州等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站设计、成都网站建设、外贸网站建设 网站设计制作按需网站策划,公司网站建设,企业网站建设,品牌网站制作,营销型网站,外贸网站制作,达州网站建设费用合理。

//自定义指令 "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

//html调用

功能:点击【提交】后,将自定义指令myEmail中textarea元素的内容传递给控制器中的send()方法。

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

以上这篇angularJS自定义directive之带参方法传递详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。


网页名称:angularJS自定义directive之带参方法传递详解
文章分享:http://kswsj.cn/article/ppgjji.html

其他资讯