angularjs数据绑定对象属性VS原始对象

问题描述 投票:0回答:1

我正在读一本关于angularjs和关于“数据绑定的最佳实践”,它是写,最好是绑定到对象的属性,而不是原始对象的章节,但没有为什么它是更好的任何解释。

我想知道的第一例的优点是什么

$scope.clock = [];
let updateClock = () => {
    $scope.clock.now = new Date();
    $timeout(() => {
        updateClock();
    }, 1000);
};

而结合:

{{ clock.now }}

比。

let updateClock = () => {
    $scope.now = new Date();
    $timeout(() => {
        updateClock();
    }, 1000);
};

和结合:

{{ now }}
angularjs
1个回答
0
投票

使用对象属性VS生对象的基本优点是:

  • 在一个对象组中的多个原始属性
  • 虽然原始对象将作为独奏性质使得它的对象本身

看对象的地方有两个属性(现在,下一个)用一个对象(时钟)相关联的多个属性的下面的代码片断:

angular.module("app", []).controller("ctrl", function($scope, $timeout) {

  $scope.clock = {};
  let updateClock = () => {
    var dt = new Date();
    $scope.clock.now = new Date();
    $scope.clock.next = new Date(dt.setHours(dt.getHours() + 1));
    $timeout(() => {
      updateClock();
    }, 1000);
  };

  updateClock();

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>

<body ng-app="app" ng-controller="ctrl">

  <p>Clock Now : {{clock.now}}</p>
  <p>Clock Now + 1 hour : {{clock.next}}</p>
</body>

推荐问答