javascript - 使用 Angular 显示 json 响应中的特定值

标签 javascript angularjs json angularjs-scope

对 Angular 相当陌生,多年来一直习惯 ASP/MVC/C#/Jquery,所以有一点学习曲线。但是,我遇到了一些问题,我认为应该很简单,并且根据我从其他框架获得的知识,它并没有按预期工作。

所以我有一个 API Controller 的 get 请求,它返回如下数据:

{"user":{"FirstName":"John","LastName":"Smith","EmailAddress":"user@example.com"}}

模块:

(function() {
"use strict";
//Getting the existing module
angular.module("appName")
    .controller("userDataController", function($scope, $http) {
        $http.get("/api/user")
            .then(function (response) {
                //Example response 
                //{"user":{"FirstName":"John","LastName":"Smith","EmailAddress":"user@example.com"}}
                $scope.userData = response.data;
            });
    });
})();

如果我在 View 中输出{{userData}},我会得到显示的数据字符串,因为我知道范围是给定的变量的。

但是,我似乎无法显示个人数据,例如:FirstName。

我已经在 userData 对象上尝试了 ng-repeat,但这没有做任何事情。,我也尝试了各种方法来显示 FirstName 或 EmailAddress,但没有运气。我是不是做错了什么?

最佳答案

假设它实际上是一个 JSON 对象:{{userData.user.FirstName}}

否则:

$scope.userData = angular.fromJson(response.data)

然后您仍然可以使用上面的代码。

关于javascript - 使用 Angular 显示 json 响应中的特定值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35733630/

相关文章:

javascript - node_xslt 文档或示例不可用

javascript - 捕捉文本中的换行符

javascript - 使用 `angular.copy ` 设置模型 - 有什么好处?

angularjs - ng-repeat 不能处理包含欺骗的集合

python - 'utf 8' codec can' t 解码字节 0xf3

python - 读取 json 数据的函数和返回元组或列表的 json 路径

java - 使用键值对将 JSONObject 值转换为另一个 JSONObject

php - 如何使用 jquery 维护单选按钮和复选框的状态(无需刷新页面)

javascript - 如何对多个按钮使用相同的ajax功能

javascript - 在 ionic 应用程序中发送邮件