如何在使用解析调用控制器之前读取 json 文件？

Question

我正在尝试在控制器调用之前读取 json 文件并获取数据。但是我无法显示输出，为什么？

我做这样一个工厂

.factory('abc',function($http){

  return{
    loadData:function(successCallback,errorCallbak){
      return $http.get('data.json').success(successCallback).error(errorCallbak)
    }

  }


})

我用过这样的解析函数

resolve: {
        user: function (abc) {
         return abc.loadData

        }
      }

但它没有以 HTML 格式显示输出，为什么？

template: '<b>Welcome {{home.user.name}}!</b>',

预期输出是 Welcome Naveen

Answer 1

正如我在 cmets 中所说，Resolve 函数应该始终返回一个承诺。所以不要使用callbacks you should return promiseobjectfrom theabcserviceloadData`函数。

因此，要将您的服务 loadData 函数转换为 promise，您需要将 .success 和 .error 函数更改为 .then 函数，该函数返回一个 promise 对象（$http.get 方法返回 promise），如 .then(successCallback, errorCallbak)。

工厂

.factory('abc', function($http) {
  return {
    loadData: function(successCallback, errorCallbak) {
      //returned promise object using `.then` as $http.get function return promise
      return $http.get('data.json').then(successCallback, errorCallbak)
    }
  }
})

解决

resolve: {
    user: function(abc) {
      return abc.loadData(success, error);

      function success(res) {
        console.log(res)
        return res.data;
      }

      function error(res) {
        return []; // or whatever default data, maybe {}
      }

    }
}

Demo Plunkr

Answer 2

你必须提供成功和失败的回调

http://plnkr.co/edit/HBDMMb7CWAN9BXTDz6fb?p=preview

resolve: {
    user: function (abc) {
     return abc.loadData(success, error);
     function success (res) {
       return res.data;
     } 
     function error (res) {
       return []; // or whatever default data, maybe {}
     } 

    }
  }