javascript - 函数调用后， Angular 范围未在屏幕上实时更新

Question

我一直在制作一个可以“喜欢”照片的功能。

API 方面的每个功能都有效，但我无法在 ng Repeat 中获取当前图片来更新其数据。

这是基本的 html:

<div ng-repeat="update in updates" class="custom-card">
  <div class="heading">
    <span class="title">
      {{update.data.project.name}}
      {{update.data.user.name}}
    </span>
  </div>
  <img on-double-tap="likeUpdate({{update}})" class="full-image" ng-src="imagelink.com/{{update.image.name}}" imageonload>
</div>

然后在该函数中我这样做是为了测试:

$scope.likeUpdate = function(update) {
    update.data.user.name = 'test';
    console.log('function ran');
};

但当前页面没有任何变化。 console.log 显示该函数已被调用，如果我 console.log

console.log(update.data.user.name)

它正确显示“测试”。

有什么帮助吗？

Answer 1

on-double-tap="likeUpdate({{update}})"

应该是

on-double-tap="likeUpdate(update)"

因为您需要传入实际变量，而不是它的值。