Subscribed unsubscribe Subscribe Subscribe

AngularJSでの$watchの使い方

監視対象のng-modelを決める

<select ng-model="selectedRepo" ng-options="repoName for repoName in repoNameArr"></select>

※ここではselectedRepoを監視対象とします

監視対象に変化があったときに変化させたいものの設定

<textarea class="form-control span12 mB10" rows="20" ng-model="inputReleaseFileList" placeholder="{{placeHolder}}"></textarea>

コールバック関数の設定

$scope.placeHolder = '変化前';
$scope.$watch('selectedRepo', function (val) {
  $scope.placeHolder = '変化後';
});

※valには監視対象のselectedRepoの値が入ります

それでは実際に変更してみます。

変化前

f:id:keiwt:20150210092631p:plain

変化後

f:id:keiwt:20150210092704p:plain