javascript - ng-click 需要两次点击才能查看更新

Question

我是这样调用 ng-click 的:

<div ng-repeat="(key,value) in filterdata">
  <div ng-click="filter(key,value)">
    {{key}} ::::::: {{value}}
  </div>
</div>

我的 Controller 函数如下所示:

$scope.filter = function(key,value){
  $location.search(key, value);
  var filter = $location.url();
  service.get(filter).success(function(data) {
    $scope.applicationdata = data.data;
    console.log($scope.applicationdata);
  });
}

我的 HTML 文件有这样的 ng-repeat:

<div class="resultsa" ng-repeat="data in applicationdata">
        {{data.name}}<hr>
        <div ng-repeat="metadata in data.metadata">
          {{metadata.name}}&nbsp;&nbsp;,&nbsp;&nbsp;{{metadata.pivot.value}}
          <hr>
        </div>
      </div>

我第一次点击时，我的服务功能被调用并且我的模型被更新但我的 View 没有更新。当我第二次单击时，我的 View 会正确更新。谁能告诉我为什么会这样？

Answer 1

这是因为您在摘要 cicle 被触发后在不同的上下文中更改模型的值。为了解决这个问题，您需要在设置应用程序数据后调用 $scope.$apply() ，以触发另一个摘要循环。