javascript – Ng-src在AngularJS视图中不更新

我在Angular应用程序中使用以下代码来显示图像：

我正在使用$watch在其他事件发生时更改image_url属性.例如：

$scope.$watch('planet',function(planet){
  if (planet.name == 'pluto') {
     planet.image_url = 'images/pluto.png';
  }
});

使用控制台日志,我看到模型属性正在改变,就像我想要的那样,但这些更改不会反映在DOM中.为什么ng-src在模型更改时不会自动更新？我是Angular的新手,所以也许这是一个我尚未掌握的概念.任何帮助将不胜感激.

最佳答案

你正在使用$scope.$以错误的方式观看.请参阅文档：

function(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';
  }
});

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。