AnglarJSデータバインディングの最適な実践

2083 ワード

アングラーJS アングラー

JavaScript自体の特徴として、伝達値と引用時の異なる処理方式があります.
オブジェクトの属性によって、オブジェクト自体ではなく参照バインディングを行うことは、Anglarにおける最適な実践である.
この最適な実践を上記のクロックの例に適用すると、ビューのコードを次のように書き換える必要があります.

<!doctype html>

<html ng-app>
  <head>

9
＜script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js"

       <body>
         <div ng-controller="MyController">

           <h1>Hello {{ clock.now }}!</h1>
         </div>

＜script type=「text/javascript」src=「js/ap.js」
この例では、一秒ごとに$scope.clockを更新し、clock.nowの値を更新することがより良い選択となります.あります

      ,                 :

//ap.jsでfunction MyController($scope)｛

         $scope.clock = {
             now: new Date()

         };
         var updateClock = function() {

             $scope.clock.now = new Date()
         };

         setInterval(function() {
             $scope.$apply(updateClock);

}1000);

         updateClock();
     };

正規の収集