在角度表达式中输出JSON数据

Question

我的PHP脚本返回此JSON数据：

{
  "userData": {
    "userName": "knows_nothing",
    "userFullName": "Jon Snow",
    "userMoney": "124.01"
  }
}

如何访问网页中的变量（用户名等）？

例如：

JS

var app = angular.module('dashboard', []);
app.controller('userDataCtrl', function($scope, $http) {
    data = "{query:'userData'}"
    $.post("api/mysql.php", {query:'userData'})
    .then(function (response) {$scope.userData = response.userData;});
});

HTML

<div ng-app="dashboard">
    <div ng-controller="userDataCtrl">
        <h1> Username: {{ userData.userName }} </h1>
        <p> Balance: {{ userData.balance }} </p>
    </div>
</div>

这使我发疯了几个小时:(

这就是我`console.log（response.userData）

Object { userName: "knows_nothing", userFullName: "Jon Snow", userMoney: "124.01" }

Answer 1

也许您必须在then函数之外声明$ scope.userData变量

Answer 2

根据$ http文档，您应该阅读response.data的response.data 。 因此，在您的情况下：

...
.then(function (response) {$scope.userData = response.data.userData;});

应该可以。

Answer 3

检查您的响应是否为数组，如果为数组，则需要执行以下操作：$ scope.userData = response [0] .userData。

如果仍然没有解决方案，请共享或回复格式。整个回复结构。