![]()
我正在使用$watch在其他事件发生时更改image_url属性.例如：
$scope.$watch('planet',function(planet){
if (planet.name == 'pluto') {
planet.image_url = 'images/pluto.png';
}
});
使用控制台日志,我看到模型属性正在改变,就像我想要的那样,但这些更改不会反映在DOM中.为什么ng-src在模型更改时不会自动更新？我是Angular的新手,所以也许这是一个我尚未掌握的概念.任何帮助将不胜感激.
最佳答案
你正在使用$scope.$以错误的方式观看.请参阅文档：
原文链接：https://www.f2er.com/js/429819.htmlfunction(newValue,oldValue,scope):
called with current and prevIoUs values as parameters.
因此该函数传递旧的和新的值和范围.因此,如果要更新数据,则需要引用范围.因为这将等于$scope,你可以直接使用$scope而不关心任何参数.做这个：
$scope.$watch('planet',function(){
if ($scope.planet.name == 'pluto') {
$scope.planet.image_url = 'images/pluto.png';
}
});
或者如果你想使用传递给函数的作用域(如上所述,它至少在这里不会产生任何影响)：
$scope.$watch('planet',function(newval,oldval,scope){
if (newval.name == 'pluto') {
scope.planet.image_url = 'images/pluto.png';
}
});
