angular.js - angularjs での値の更新の問題

Question

SolarTerms.controller('FooterCtrl', ['$state', '$rootScope', '$scope', function ($state, $rootScope, $scope) {

リーリー

}])

SolarTerms.directive("tabImg",function() {

リーリー

<p tab-img class="I_AF_p" ng-click="goto('index')"><img ng-src="{{imgsrc.imda1}}" alt="">< span>ホームページ</span></p>
<p tab-img class="I_AF_p" ng-click="goto('ye')"><img ng-src="{{imgsrc . imda2}}" alt=""><span>バランス</span></p>
<p tab-img class="I_AF_p" ng-click="goto('js')" > <img ng-src="{{imgsrc.imda3}}" alt=""><span>計算</span></p>
<p tab-img class="I_AF_p " ng- click="goto('ck')"><img ng-src="{{imgsrc.imda4}}" alt=""><span>表示</span></ p>
< ;p tab-img class="I_AF_p" ng-click="goto('wd')"><img ng-src="{{imgsrc.imda5}}" alt=""<span>ドキュメント</span></p>

対応する p をクリックしてインデックスを取得し、$scope.imgsrc の対応する値を変更します。コンソールは画像アドレスを正しく出力できますが、変更するにはビュー内の ng-src の値を 2 回クリックする必要があるのはなぜですか。 src の ng -image アドレスを変更したいだけです。誰かが私に説明してもらえますか?

Answer 1

Angularのレンダリングメカニズムを手動でトリガーする必要があります

リーリー