AngularJS: get JSON data from Service to Controller

SalmonellaVaccine

于 2014-07-22 01:11:04 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： AngularJS

本文链接：https://blog.youkuaiyun.com/SalmonellaVaccine/article/details/38027159

AngularJS 专栏收录该内容

51 篇文章

订阅专栏

本文讨论了AngularJS中服务如何正确地将JSON数据传递给控制器的问题，并通过实例展示了改进的方法，确保数据在应用中顺利可用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

My original code:

In services.js:

angular.module('starter.services', []).factory('Api', function($http){
	return{
		getRoles: function(){
			var url = 'data/roles.json';
			$http.get(url).success(function(data){
				return data;
			});
		}
	}
});

In controllers.js:

angular.module('starter.controllers', ['ngCookies'])

.controller('LoginCtrl', function($scope, $location, $cookieStore, $http, cssInjector, User, Api){
		$scope.roles = Api.getRoles();
});

results in $scope.roles "Undefined".

After viewed this post:

http://stackoverflow.com/questions/18704638/angularjs-returning-json-data-from-service-to-controller

Made the changes:

In services:

getRoles: function(){
			var url = 'data/roles.json';
			var promise = $http.get(url).success(function(data){
				return data;
			});
			return promise;
		}

In controllers:

Api.getRoles().then(function(response){
		$scope.roles = response.data;
	});

Then it works!