javascript – Angular.js – 从指令更新父范围

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Angular.js – 从指令更新父范围，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1207字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试从指令更新父作用域中的值的dict.
dict父级通过一个函数更新(解释为here)所以我真的不明白为什么当我打印值时我会看到它们但是当与pre标签绑定时它不会改变.
另外,为什么field.error没有显示在指令模板中？

我在这个jsbin中设置了我的问题的简化例子

Angular newbi,非常沮丧…谢谢.

解决方法:

当你在指令中处理JS事件时,你是missing a scope.$apply.

事件处理发生在纯JS中,在角度上下文之外,当您在父作用域上调用该函数时,您将调用它,就像在任何其他普通JS对象上调用函数一样.保持普通的JS对象而不是创建自己的对象层次结构,它们可以拦截函数调用,这是Angular与ember不同的设计选择.

值确实在范围上发生变化,只是Angular不知道它.下次$digest循环被任何东西触发(比如用ng-click点击不同的按钮),就会显示更改.但是,我们可以做的是确保通过显式调用scope来触发$digest循环.$apply().

修复是这样的：

element.bind("blur change keyup", function() { 
  // This will tell Angular to rerun the $digest loop
  // as we are changing some variables which Angular
  // should be informed about.
  scope.$apply(function () {  
    var val = element.find("input").val();
    var oldval = scope.values[scope.field.name];
    if (oldval !== val && isValid(val))
      scope.set_value(scope.field.name,val);
    //else
    //  scope.set_value(scope.field.name,undefined);
  });
});

工作演示：http://jsbin.com/inoKOVU/1/edit

内容总结

以上是互联网集市为您收集整理的javascript – Angular.js – 从指令更新父范围全部内容，希望文章能够帮你解决javascript – Angular.js – 从指令更新父范围所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端