Свойства объекта привязки данных angularjs против необработанного объекта - PullRequest
Новая
       2

Свойства объекта привязки данных angularjs против необработанного объекта

0 голосов
/ 04 февраля 2019

Я читаю книгу об angularjs, и в главе о «лучших методах привязки данных» написано, что лучше связывать атрибуты объекта, а не необработанный объект, но без объяснения того, почему он лучше.

Я хотел бы знать, в чем преимущество первого примера 

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

И привязка: 

{{ clock.now }}

Vs. 

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

и переплет: 

{{ now }}

1 Ответ

0 голосов
/ 04 февраля 2019

Основным преимуществом использования свойств объекта по сравнению с необработанным объектом является:

  • Группировка нескольких необработанных свойств в одном объекте
  • В то время как необработанный объект будет служить свойством соло, делая егообъект сам по себе

Посмотрите на приведенный ниже фрагмент кода нескольких свойств объекта, где есть два свойства (сейчас, следующее), связанных с одним объектом (часами): 

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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...