javascript – AngularJs为什么更新属性比更新varibale更好？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – AngularJs为什么更新属性比更新varibale更好？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1641字，纯文字阅读大概需要3分钟。

内容图文

来自“ng-book”,它说：

Due to the nature of JavaScript itself and how it passes by value vs. reference, it’s considered a best-practice in Angular to bind references in the views by an attribute on an object, rather than the raw object itself.

…..

In this case, rather than updating the $scope.clock every second, we can update the clock.now property. With this optimization, we can….

我不知道为什么,因为“JavaScript：The Definitive Guide”说：

Is there really any fundamental difference between the variable i and
the property i of an object o? The answer is no. Variables in
JavaScript are fundamentally the same as object properties.

在这本书中：

$scope.time = { now: new Date()} 

比…更好

$socpe.time = new Date();

解决方法:

考虑这个示例HTML：

<div ng-app>
    <div ng-controller="MyController">
        <div>{{rawObj}}</div>
        <div>{{obj.prop}}</div>
        <div ng-if="isShown">
            <input ng-model="rawObj" />
            <input ng-model="obj.prop" />
            <span>{{readOnly}}</span>
        </div>
    </div>
</div>

在js中你有一个控制器：

 function MyController($scope){
    $scope.rawObj = "raw value";
    $scope.obj = {
        prop: "property of object"
    }
    $scope.readOnly = "read only";
    $scope.isShown = true;
 }

如果您使用ng-model =“rawObj”开始输入输入,则不会修改MyController中$scope作为属性的rawObj,但会在ng-if的范围内创建新属性rawObj.如果我没有在包装div上放置ng-if指令,一切都会正常工作.当您在输入和具有ng-controller(在这种情况下)的元素之间的元素上有一个指令时,会发生这种情况,该控制创建了自己的非隔离范围.许多指令都是这样的：ng-if或ng-repeat.

如果在ng-model中引用对象的属性,它将“查找”父作用域中的对象并找到适当的作用域.

在小提琴上查看：http://jsfiddle.net/VC5WK/

这是由于javascript中的原型继承如何像以前的answears状态一样工作.

内容总结

以上是互联网集市为您收集整理的javascript – AngularJs为什么更新属性比更新varibale更好？全部内容，希望文章能够帮你解决javascript – AngularJs为什么更新属性比更新varibale更好？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端