Javascript 角度服务使用工厂,数据正确,但未显示在UI上

Javascript 角度服务使用工厂,数据正确,但未显示在UI上,javascript,angularjs,Javascript,Angularjs,到目前为止,这是 控制器: angular.module("app") .controller('homeCtrl',['$scope','Friends', function($scope, Friends){ $scope.title = "Welcome"; $scope.items=["2016","2015", "2014"]; $scope.friends = Friends.get();

到目前为止,这是

控制器:

angular.module("app")
.controller('homeCtrl',['$scope','Friends',
    function($scope, Friends){
            $scope.title = "Welcome";
            $scope.items=["2016","2015", "2014"];
            $scope.friends = Friends.get();
            $scope.save = function(){
                $http.post('/api/friends', friends);
            }

          }])

$stateProvider
        .state('home',{
          url:'/',
          templateUrl:'templates/home.html',
          controller: 'homeCtrl',
          resolve : {
            friends:['Friends', function(Friends){
            return Friends.get();
          }]
          }
        })
当我试图提醒它时,结果是:

用户界面空白:

*我的导航条ddl不工作怎么做

朋友。获取()回报承诺。您必须使用then方法:

Friends.get().then(function(data) { $scope.friends = data; }); //instead of  $scope.friends = Friends.get();
朋友。得到()回报一个承诺。您必须使用then方法:

Friends.get().then(function(data) { $scope.friends = data; }); //instead of  $scope.friends = Friends.get();

您应该使用$q作为承诺:

angular
.module('app')
.factory('Friends', ['$http', '$q' ,function($http, $q){
    var self = {};
    self.get = function() {

      var deferred = $q.defer();
      $http.get('api/friends.json')
      .success(deferred.resolve)
      .error(deferred.reject)

      return deferred.promise;
    }

   return self
}])
决心:

 resolve : {
   friends:['Friends', function(Friends){
     return Friends.get();
   }]
 }

您应该使用$q作为承诺:

angular
.module('app')
.factory('Friends', ['$http', '$q' ,function($http, $q){
    var self = {};
    self.get = function() {

      var deferred = $q.defer();
      $http.get('api/friends.json')
      .success(deferred.resolve)
      .error(deferred.reject)

      return deferred.promise;
    }

   return self
}])
决心:

 resolve : {
   friends:['Friends', function(Friends){
     return Friends.get();
   }]
 }

谢谢你,先生。。我还是个新手,不知道什么是承诺。你能给我一个从引导下拉url路径逃出的角度路径的线索吗?对不起,我不明白你的问题。你能改写你的问题吗?试着运行该应用程序并转到页面。。下拉引导使用“#”,角度路由使用它来路由页面。。它使下拉引导无法工作。。。。。。您缺少包含引导js文件。将这两个链接插入你的头部:正确!先生当我第一次发现这个东西不起作用时,我假设角度路由使得引导下拉不起作用。但是我错了。。谢谢你的建议…谢谢你先生。。我还是个新手,不知道什么是承诺。你能给我一个从引导下拉url路径逃出的角度路径的线索吗?对不起,我不明白你的问题。你能改写你的问题吗?试着运行该应用程序并转到页面。。下拉引导使用“#”,角度路由使用它来路由页面。。它使下拉引导无法工作。。。。。。您缺少包含引导js文件。将这两个链接插入你的头部:正确!先生当我第一次发现这个东西不起作用时,我假设角度路由使得引导下拉不起作用。但是我错了。。谢谢你的建议。。