AngularJS - 如何再次停止重新渲染模板？

Question

AngularJS 中是否可以避免再次渲染视图？

我有一个页面，它从数据库中查询数据并将其显示到视图中，但是当我导航到另一个页面时，然后再次导航回来。它再次渲染视图。

在 AngularJS 中是否有可能只保留渲染的视图？我不想再次查询数据并重新渲染视图。我想立即显示渲染的视图，而无需再次查询数据。

Answer 1

如果您将数据保存或缓存在服务中，则可以避免每次都查询服务器。 Promise 是一个很好的方法来做到这一点。考虑以下示例，该示例使用 $http 返回的承诺（但您可以使用 $q 轻松创建自己的承诺）：

app.controller('SomeController', function($scope, dataService) {
  dataService().success(function(data) {
    $scope.myData = data;
  });
});

app.factory('dataService', function($http) {
  var promise = null;

  return function() {
    if (promise) {
      return promise;
    } else {
      promise = $http.get("...");
      return promise;
    }
  };
});

由于第一次调用dataService()时设置了promise，如果已经存在则返回现有的promise，所以只有第一次调用dataService()才会真正进行HTTP调用；其余的将使用现有值。