ng-showがトリガーされたときに関数を呼び出しますか？

Question

ng-showで公開されている内容のライトボックスを表示したいのですが、ライトボックスJSをトリガーする方法がわかりません。私は、NG-ショーがバインドされているモデルを、$watchする方が良いと思い

ng-on-show="showLightbox()" 

Answer 1

ような何かを探しています。それを使用するための最良のオプションが設定ロジックのどこかで、あなたのshowLightbox関数を呼び出すことですので

<div ng-app="myApp" ng-controller="myCtrl" ng-init="isDisplayed = true"> 
    <div ng-show="isDisplayed">something</div> 
    <button ng-click="isDisplayed = !isDisplayed">Toggle</button> 
</div> 

var myApp = angular.module('myApp', []) 
.controller('myCtrl', function($scope, $log) { 
    $scope.$watch('isDisplayed', function(newValue, oldValue) { 
     if (newValue !== oldValue) { 
      $log.log('Changed!'); 
     } 
    }); 
}); 

とfiddle

Answer 2

まあ、NG-ショーは、ブール値をとります。ここでは

は一例ですng-show。

$scope.reasonToShow = false; 

$scope.showSomething = function(myCondition){ 
    if(myCondition){ 
     showLightbox(); 
     $scope.reasonToShow = true; 
    } 
}; 

<div ng-show='reasonToShow'></div> 

必要に応じて、$ watchと似たようなことができます。

Answer 3

どのような簡単なアプローチですか？

のは、あなたがこのような要素を持っているとしましょう：

<div ng-show="someBooleanValue"></div> 

あなたはdisplayMyDiv後にAND演算子を使用して、そこにコールバックを入れた場合、最初の値がTRUEの場合、コールバックにのみ実行されます（どのようです論理AND演算子が動作します）。 だから、これは私が角度1.15.10で試してみました何であり、それは動作します：

$scope.showLightbox = function() { 
    // your logic goes here 
    return true; 
} 

<div ng-show="someBooleanValue && showLightbox()"></div> 

場合とsomeBooleanValueがtrueの場合にのみ、その後、$ scope.showLightboxは（）も評価されます。したがって、$ scope.showLightbox（）をTRUEに戻す必要があります。そうしないと、divは表示されません。

この方法は、オブザーバの実装を角度（保持するコードが少ない）に処理するだけでなく、someBooleanValueがTRUEに変更された場合にのみコールバックの戻り値が評価されます。