角模板加载没有数据？

Question

有一个非常奇怪的问题，我的模板加载时没有任何数据，但是当我刷新页面足够多次时，数据最终确实加载了。 我不确定发生了什么或如何解决此问题。 我将在下面添加一些代码。 让我知道您是否还需要其他物品。

服务器：

  app.get('/api/listings/:listingId', auth.ensureAuthenticated, controllers.listings.show);

控制器：

function show(req, res) {
  db.Listing.findById(req.params.listingId, function(err, foundListing) {
    if(err) { console.log('listingsController.show error', err); }
    res.json(foundListing);
 });
}

Angular Controller中的Http请求：

$http({
  method: 'GET',
  url: '/api/listings/'+$stateParams.listingId
}).then(function successCallback(json) {
  vm.listing = json.data;
}, function errorCallback(response) {
  console.log('There was an error getting the data', response);
});

我的模板的一部分：

<li class="list-group-item">
  <h4 class='inline-header'>Topic:</h4>
  <span>{{listingShowCtrl.listing.topic}}</a></span>

</li>

Answer 1

编辑：如果您尝试将其声明为作用域变量，例如： $scope.listing = json.data;
您仍然无法在视图中看到数据吗？

Answer 2

看起来像是竞态条件-表示该listing尚不可用。 ng-if将继续检查每个$digest周期，并在可用时进行更新。

尝试这个：

<li class="list-group-item" ng-if="listingShowCtrl.listing">
  <h4 class="inline-header">Topic:</h4>
  <span>{{listingShowCtrl.listing.topic}}</a></span>
</li>