使用Angular.js获取json数据

时间:2014-10-13 17:47:30

标签: json angularjs

我有以下代码,我试图通过url引入json数据。数据没有填充。我哪里错了?我已经尝试了多个选项,但它们都没有工作,所以我输入我的基本代码和json url我需要从中获取数据。安全控制器是我需要将此代码放入

的地方
var urvirl = angular.module('urvirl', ['ngRoute', 'ngAnimate', 'ngTouch']).
config(['$routeProvider', function($routeProvider) {
$routeProvider.
  when('/', {
    templateUrl: 'fragments/homepage.html',
    controller: 'homepageController'
  }).
  when('/security-profile/', {
    templateUrl: 'fragments/my-account.html',
    controller: 'securityController'
  }).
  otherwise({
    redirectTo: '/'
  });
}]);


var urvirl_controllers = angular.module('urvirl.controllers', ['ngRoute']);

urvirl_controllers.
     controller('securityController', ['$scope', '$route', '$window',
    function ($scope, $route, $window,) {

     }]);

网址在这里:

$http.get('http://ec2-54-68-150-129.us-west-2.compute.amazonaws.com:8080/urvirl-0.0.1-SNAPSHOT/user/5')

2 个答案:

答案 0 :(得分:0)

这是我从该网址获得的数据:

{
  "id": 0,
  "userID": null,
  "firstName": null,
  "lastName": null,
  "screenName": null,
  "mobilePhone": null,
  "homePhone": null,
  "workPhone": null,
  "homeEmail": null,
  "workEmail": null,
  "cityLocation": null,
  "workLocation": null,
  "countryID": null,
  "birthDate": null
}

所以看起来服务器可能没有返回有效信息。你在哪里接听电话?使用chrome / firefox / IE中的开发人员工具检查它是否甚至对服务器进行http调用,以及它返回的响应(标题和正文)

答案 1 :(得分:0)

您需要将'urvirl.controllers'模块声明为'urvirl'模块的依赖项:

var urvirl = angular.module('urvirl', ['ngRoute', 'ngAnimate', 'ngTouch','urvirl.controllers']).
// ...