AngularJsはダイジェストのみ現在のスコープを許可します

Question

質問：私は2つのコントローラDogとCatを持っています。犬の名前を変更すると、$ digest cycleが実行され、Catはメソッド{{ctrl.getTime（）}}の使用のためにこのビューを更新します。これは、すべてのコントローラをロードし、ng-ifまたはstateを使用しない大規模なアプリケーションにとって大きな問題です。現在のアプリケーションでは、テンプレート内でメソッドを使用する場所が多く、すべてのアプリケーションコントローラをロードして初期化し、状態やng-ifを使用しない場合は、ng-showのみを使用します。私はよりよい解決策がプロパティを使用することを知っていますが、すべてのアプリスコープではなく、DogCtrlスコープだけを$ digestすることが可能でしょうか？

HTML

<div ng-app="myApp"> 
    <div ng-controller="DogCtrl as ctrl"> 
     <h3>DogCtrl</h3> 
     Dog name: <input ng-model="ctrl.name" />{{ctrl.name}} 
    </div> 
    <hr /> 
    <div ng-controller="CatCtrl as ctrl"> 
     <h3>CatCtrl</h3> 
     Cat getTime: {{ctrl.getTime()}} {{ctrl.random}} 
    </div> 
</div> 

Javascriptを

var myApp = angular.module('myApp',[]); 
myApp.controller('DogCtrl', DogCtrl); 
myApp.controller('CatCtrl', CatCtrl); 

function DogCtrl() { 
     this.name = 'Doggy'; 
} 

function CatCtrl() { 
     this.getTime = function() { 
      return new Date().getTime(); 
    } 
} 

フィドル：

<div ng-controller="CatCtrl as ctrl"> 
    <h3>CatCtrl</h3> 
    Cat getTime: {{ctrl.currentTime}} {{ctrl.random}} 
</div> 

をとTするためにあなたのコントローラーを変更します。http://jsfiddle.net/nvgofo46/1/

Answer 1

はこれにあなたのhtmlを変更彼の：

function CatCtrl() { 
    this.getTime = function() { 
     return new Date().getTime(); 
    } 
    this.currentTime = this.getTime(); 
} 

あなたのビューには機能を持たないようにしてください。関数はすべてのダイジェストで実行されるためです。 モデルにバインドしてそれに応じてモデルを更新する方が効率的です。

私は関数を削除してthis.currentTime = new Date（）。getTime（）を設定することができますが、これはこの練習のポイントではありません。