通过服务获取的角度http获取请求需要刷新以显示数据

Question

我发现了许多类似的问题，但无法将解决方案应用于我的问题。

因此，在我的角度应用程序中，我正在绘制nvd3图表。

我正在服务中获取请求，我可以从浏览器的网络中看到我总是按预期方式获取图表数据。

问题是，当我运行grunt serve启动我的角度应用程序时，我仍通过api获取数据，但由于某些原因，它们未显示。

那只有在我grunt serve时候才会发生。 但是，如果我单击刷新，则在运行grunt服务后，数据将正确显示。

在此先感谢您的帮助。

这是我正在尝试做的事情：

'use strict';

angular.module('myApp')
.service('mainService', function($http) {
  this.getData = function() {
    return $http({
      method: 'GET',
      url: '/rest/api/config',
    });
  }
})
.controller('MainCtrl', function($scope, $http, mainService) {
  var name = 'main';
  var model; 

  mainService.getData().then(function(d) {
    model = d.data;
    $scope.modelling();
  });

  $scope.modelling = function() {
    if(!model) {
      console.log("no model");
      // set default model for demo purposes
      model = {
        title: "about",
        structure: "12/4-4-4",
    };
  }

  console.log(model);
  $scope.name = name;
  $scope.model = model;
  $scope.collapsible = true;
  }
});

Answer 1

尝试这样的事情。 最初，在您的示例中，$ scope.model将是未定义的。

.controller('MainCtrl', function($scope, $http, mainService) {
  var name = 'main';


mainService.getData().then(function(d) { $scope.modelling(d.data); });

$scope.modelling = function(data) { //do something with data here, or set $scope.model = data; }

$scope.name = name; $scope.collapsible = true; } }); 

这可能有效，取决于您如何设置nvd3图表。