angularjs指令之间的数据交互
来源:互联网 发布:知乎怎么取消关注话题 编辑:程序博客网 时间:2024/05/21 06:36
指令可以通过独立作用域接收数据, 使用=
,如
app.directive('myDirective', function() { return { restrict: 'E', transclude: true, scope: { option: '=option' //key相同时也可以使用option: '=' }, template: '<p>{{option.title}}</p>' };
使用: <myDirective option="{title: "标题"}"></myDirective>
同样的,也可以用&
来接收一个回调函数:
app.directive('myDirective', function() { return { restrict: 'E', transclude: true, scope: { option: '=option', click: '&myClick' // & }, template: '<p ng-click="click({backData: data})">{{option.title}}</p>', link: function($scope, element, attr) { $scope.data = { name: 'angularjs', part: 'directive' } } };
使用:angularjs的html模板不支持驼峰命名规则,所有在html中要使用-
, <myDirective my-click="showData(backData)"></myDirective>
注意:
第一次使用的时候很容易入坑,比如这个错误 TypeError: Cannot use 'in' operator to search for 'confirm' in
。
解决:
原因是指令中ng-click="click({backData: data})"
回调传入的参数必须是一个对象,并且在接收变量的时候my-click="showData(backData)"
必须单独接收对象中的属性,可以同时接收多个属性。
阅读全文
0 0
- angularjs指令之间的数据交互
- angularjs之间如何实现指令和指令之间的交互
- angularjs之间如何实现指令和指令之间的交互
- AngularJS指令详解(3)—指令与指令之间的交互
- AngularJS指令详解(2)—指令与控制器之间的交互
- angularJS-指令与控制器之间的交互--“鼠标经过事件”如图所示
- angularjs中如何实现控制器和指令之间交互
- angularjs中如何实现控制器和指令之间交互
- angular指令和指令之间的交互
- angularJS 自定义指令间的相互交互
- angularjs指令详细分析&&与控制器数据交互
- 指令和控制器之间的交互
- 指令与控制器之间的交互
- AngularJs-指令和控制器交互
- AngularJs-指令和控制器交互
- Activity之间的数据交互
- AngularJs $resource 高大上的数据交互
- AngularJS与后端php的数据交互
- 前端_购物车选择多选少选
- 86标准SQL与92标准SQL用法区别
- 5.Struts2_Action 概述
- C语言基础知识学习(变量的储存类型)
- 【bzoj 2431】逆序对数列(DP)
- angularjs指令之间的数据交互
- Spark由浅到深(1)--安装,测试,问题排错
- 设计模式学习资源
- 427
- springboot FeignClient POST带参数无法传值问题
- windows MySQL主从复制搭建
- workbench查看并删除触发器
- Linked List -- Leetcode problem 2. Add Two Numbers
- 微博架构