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文件。将这两个链接插入你的头部:正确!先生当我第一次发现这个东西不起作用时,我假设角度路由使得引导下拉不起作用。但是我错了。。谢谢你的建议。。