angularJS自定义directive之带参方法传递
来源:互联网 发布:优秀的java开源项目 编辑:程序博客网 时间:2024/06/06 01:03
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
<div style="width: 100%;height: 100%;color: white;font-size: 0.8rem;">
<label style="width: 100%;height: 15%;" ng-bind="toDir"></label>
<label style="width: 100%;height: 15%;" ng-bind="fromName"></label>
<textarea style="width: 100%;height: 25%;color: black;" ng-model="content"></textarea>
<button style="width: 10%;height: 15%;color: black;" 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}必须是一个键值对,键为:方法参数名 值为:传递的内容
一起探讨、一同进步!
1 0
- angularJS自定义directive之带参方法传递
- AngularJS学习之directive自定义指令
- AngularJS自定义Directive 详解
- angularjs之directive实例
- AngularJs directive使用自定义filter
- Angularjs自定义指令(directive)
- AngularJS内幕详解之 Directive
- AngularJS之directive指令参数
- angularJS directive自定义标签和属性
- AngularJS自定义指令directive:scope属性
- AngularJS自定义指令directive:scope属性
- AngularJS自定义指令directive:scope属性
- AngularJS--directive
- angularjs directive
- AngularJS: directive
- AngularJS directive指令之require部分
- angularjs培训之directive(1)
- angularJs初学遇到的坑之directive
- 洛谷 P1309 瑞士轮
- 《第一行代码》学习之旅--第二章
- POM文件详解01
- 高斯赛德尔迭代法
- 解决ThinkPHP除去链接中的index.php
- angularJS自定义directive之带参方法传递
- LIBCURL上传文件, 下载文件,打开网页,POST数据,支持https等一系列函数方便各种模拟登陆注册账户
- hdu 2136 素数筛选法
- Spring学习笔记<三> 获取请求对象和请求头
- Mysql limit 优化,百万至千万级快速分页,--复合索
- 签名参数sign生成说明-tencent
- [00305]字节到大整数的打包与解包
- java Calendar和Date()的转化
- 声明式异常使用全局处理