通过公共属性绑定指令实例
Binding directive instances through a common property
我需要在同一指令的两个实例之间共享一个属性。这里有一个傻瓜帮我解释一下我的意思。
http://plnkr.co/edit/wsrSxq?p=preview
两个框的左侧位置应通过scope.left
值链接在一起但如果我关注变化,它就不会起作用,因为我怀疑指令会循环影响自己。
有什么建议吗?感谢
唯一缺少的是对scope.$apply
的调用,以便触发手表。由于更改作用域值的事件处理程序是从应用程序的"外部"进行更改的,因此需要$apply
将更改通知Angular。取消注释两行并更改:
scope.left = newX;
至
scope.$apply(function(){
scope.left = newX;
});
相关文章:
- 如何使用ngrepeat和双向绑定获得指令的隔离范围
- AngularJS指令只识别双向绑定类型
- 在指令中绑定方法
- 将指令绑定到控制器属性
- NG-重复中断指令模型绑定
- 将click事件绑定到AngularJS指令中的子元素
- 对于使用传递的数据计算的局部范围变量,角度绑定在自定义指令中不起作用
- 角度指令双向绑定不起作用
- 指令中选择输入的双向绑定不起作用
- 将回调绑定到没有隔离作用域的指令
- 使用 Angular 和 UI-bootstrap 对模态事件绑定无法工作的指令
- 无法绑定到没有指令 + angularjs 标识符的控制器
- 如何将函数绑定到使用链接函数创建 HTML 的角度指令
- Angularjs 绑定 2 指令将模型范围限定为父控制器模型
- 2路数据绑定指令角度
- 通过公共属性绑定指令实例
- 在测试期间更改了单向绑定指令属性,没有更新指令范围
- 如何在angular中使用数据绑定指令来包装元素
- 用AngularJS绑定指令
- 2方式绑定指令与弹出窗口/点击