Question

我正在使用ngResource按电话号码登录页面，我希望在成功登录后显示用户详细信息，但我无法通过回复进行ng-repeat

我的控制器

.factory('Post', function($resource) {
  return $resource('http://localhost/scripts/order_system/new_api/api/view_order',{phone: "@phone"});
})
.controller('ViewCtrl', function($scope, Post, Authorization, $state) {
  $scope.postData = Authorization;

  $scope.posts = Post.query(function(data){
    $scope.post = data[0];
  })


  $scope.postData = {};
  $scope.newPost = function() {
    var post = new Post($scope.postData);
    post.$save();
    $state.go('tab.account');
  }
$scope.postData = Authorization;

})

成功登录回复后

[
    {
        "user_id": "1847",
        "user_name": "USERNAME",
        "user_phone": "010236544525"
    }
]

我想在帐户视图中显示user_name和user_phone

Answer 1

由于您的回复是一个数组，所以要获得第一个帖子（即第一个对象），您需要这样做：

$scope.posts = Post.query().then(function(data){
    $scope.post = data[0];
});

在您看来，您可以像这样访问user_name和user_phone：

{{post.user_name}}

{{post.user_phone}}

如何使用离子ngResource显示用户详细信息

1 个答案: