Angular アプリで次のコードを使用して画像を表示しています。
<img ng-src="{{planet.image_url}}" class="planet-img"/>
そして、他のイベントが発生したときに属性$watch
を変更するために使用しています。image_url
例えば:
$scope.$watch('planet', function(planet){
if (planet.name == 'pluto') {
planet.image_url = 'images/pluto.png';
}
});
コンソール ログを使用すると、モデルの属性が意図したとおりに変更されていることがわかりますが、これらの変更は DOM に反映されていません。モデルが変更されたときに ng-src が自動的に更新されないのはなぜですか? 私はAngularを初めて使用するので、これはまだ理解していない概念かもしれません。どんな助けでも大歓迎です。