独自のng-controllerでng-showで負荷と複数回警告する

Question

ページが読み込まれて2度呼び出されているのはなぜですか？それは正常な行動ですか？

別のdiv /コントローラの画像をクリックしてアラートを呼び出しています。 ?????以下に追加されました。

私は以下のようなHTMLマークアップを持っています。

<div class="item-blue" ng-controller="ItemController as item"> 
<div class="col" ng-show="item.checkItem('foo')"> 

次に、私のコントローラには以下のものがあります。

app.controller('ItemController', function() { 
    this.checkItem = function(bar) { 
    alert(bar); 
    }; 
}); 

奇妙な!!!!

https://codepen.io/anon/pen/oBjJyw

Answer 1

これは、AngularJSがng-showに使用する式に「時計」を設定するためです。その後、値が変更されたかどうかを確認するために、式（ダイジェストサイクルと呼ばれる）の間に定期的に式を再評価します。式には関数を呼び出す必要があるため、式が評価されるたびにその関数が呼び出されます。

このダイジェストサイクルは、が頻繁にとなり、発生するタイミングを常に制御することはできません。結果として、（警告を表示する、状態を変更する、などを行うのではなく）値を返すだけなら、ng-if、ng-show、ng-classなどの式で関数を呼び出すだけです。

• HTTPリクエストは、あなたが$timeoutか$interval
を使用して
• 明示的$scope.$apply()か$scope.$digest()を呼び出す
• を返します。ここでは

  はちょうどダイジェストを（多くはもっとあります）トリガーの状況の一部です

• マウスをクリックするか、キーをタイプするかマウスを移動します（これらのイベントを聞く指示が使用されている場合）

これは多くの原因があるため、必要以上に多くの作業をする必要はなく、評価する式はすべて値を返すだけです。

Answer 2

ItemControllerは複数回ページに表示されていますか？それはあなたが経験している行動を説明することができます。

Answer 3

ng-showのためにあなたが取っているアプローチに関係なく起こっているように見えるので、角度jの通常の振る舞いです（この場合はcheckItem（）メソッドを呼び出す）。警告ボックスをポップアップ）ので、これはコードの誤動作の結果ではないと私は考えています。