Question

基于更改变量的值我希望在我的html中显示错误消息。我从我的角度代码调用api，如果它返回错误，我已经设置了一个setInterval函数，该函数应该将bookingData.tracking_id更新为false，然后在html中显示错误消息。这应该很容易，但将它与setInterval结合起来有点困难。

这是angular / javascript

this.confirmTrackingTest = function () {
  TestService.finalPackageCheck({tracking_id: controller.bookingData.tracking_id}).$promise.then(function (data) {
    return data;
  }).catch(function (err) {
    var i = 0;
    var interval = setInterval(function () {
      i += 1;
      if (i === 3) {
        if (err.statusText === "Not Found") {
          controller.bookingData.showErrorMessage = true;
        }
        clearInterval(interval)
      }
    }, 2000);
    console.log(controller.bookingData.showErrorMessage)
  });
}

this.bookingData = {
  showErrorMessage: false,
  tracking_id: 1
};

这是 html ：

{{Packs.bookingData.showErrorMessage}}
<div class="alert alert-danger" role="alert" ng-if="Test.bookingData.showErrorMessage">
  <p>Please show this message</p>
</div>

{{Packs.bookingData.showErrorMessage}}显示为false，以便在html中重新识别。

如果需要任何进一步的信息，请告诉我。

Answer 1

这正是Angular诸神发明$interval以消除手动使用$apply的必要原因。

所以要么在回调中调用$scope.$apply，要么使用$interval（不要忘记将它包含在依赖注入的参数列表中）

setInterval和更新值AngularJS

1 个答案: