如何在AngularJs中访问嵌套的Json对象

卢西安·杜波依斯(Lucien Dubois)

我使用AngularJs / Laravel应用程序。我尝试访问每个工厂中的项目实际上,我无法打印出整个制造对象,但是我想知道如何访问这些项目,以便可以遍历它们并显示它们。

这是我的PHP控制器发送Json数据

public function show($id)
{
    $facture = Facture::where('id', '=', $id)->with('items')->get();
    return Response::json($facture);
}

这是我简化的AngularJs控制器

$http.get('api/factures/' + $stateParams.factureId).success(function(data) {
  $scope.facture = data;
});

而实际上

{{发票| json}}
打印此:

[
  {
    "id": 10200,
    "client_id": 1,
    "lead_id": 1,
    "courtedescription": "Description test",
    "etat": "En attente",
    "created_at": "2014-12-30 10:01:46",
    "updated_at": "2014-12-30 10:01:46",
    "items": [
      {
        "id": 1,
        "facture_id": 10200,
        "description": "Item numéro 1",
        "prix": "15.00",
        "tps": "0.75",
        "tvq": "1.50",
        "grandtotal": "17.25",
        "created_at": "2014-12-30 10:01:46",
        "updated_at": "2014-12-30 10:01:46"
      },
      {
        "id": 2,
        "facture_id": 10200,
        "description": "Deuxième item quoi",
        "prix": "135.00",
        "tps": "6.75",
        "tvq": "13.47",
        "grandtotal": "155.22",
        "created_at": "2014-12-30 10:01:46",
        "updated_at": "2014-12-30 10:01:46"
      }
    ]
  }
]

以下是简化的Plunkr,专注于基本功能:http ://plnkr.co/edit/fZmb4fAX0GJCDH2cpxwQ?p=preview

我怎样才能获得这些物品?

亚历克斯·琼斯

您可以将future值用作普通数组,因为它在视图范围内。

例如,如果您想要数组中第一个对象的ID,则可以使用以下代码

{{facture[0].id |json}}

如果您想遍历每个值,请查看https://docs.angularjs.org/api/ng/directive/ngRepeat

希望这可以帮助!

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

我如何在angularjs中访问深度嵌套的json对象

来自分类Dev

如何在angularjs中访问对象数组

来自分类Dev

如何在angularjs中访问对象数组

来自分类Dev

如何在Javascript中访问JSON对象?

来自分类Dev

如何在Typescript中访问JSON对象?

来自分类Dev

如何在Jquery中访问JSON对象?

来自分类Dev

如何在React js 0.13.3中访问嵌套对象

来自分类Dev

如何在Swift中访问深度嵌套的对象

来自分类Dev

如何在LinkedHashMap中访问嵌套对象的数据

来自分类Dev

如何在Javascript中访问嵌套对象的属性?

来自分类Dev

如何在AmCharts中访问嵌套的Json数据

来自分类Dev

如何在AngularJS中访问拦截器的'config'对象

来自分类Dev

如何在Postgres中的嵌套json中查询对象

来自分类Dev

AngularJS如何访问嵌套Json的数据?

来自分类Dev

如何在JSON数组python中访问JSON对象?

来自分类Dev

在 AngularJs 代码和 html 代码中访问 Json 对象中的嵌套数组

来自分类Dev

如何在Spark SQL中解析嵌套的JSON对象?

来自分类Dev

如何在Jquery Jtable中绑定json嵌套对象?

来自分类Dev

如何在Laravel 5中处理嵌套的JSON对象请求?

来自分类Dev

如何在PHP5中创建嵌套的json对象

来自分类Dev

如何在Android中处理嵌套的json对象

来自分类Dev

如何在 Python 中重命名嵌套 JSON 对象的键

来自分类Dev

java中json的访问嵌套对象

来自分类Dev

如何在C#中使用Json.NET从JSON访问嵌套对象

来自分类Dev

JSON 嵌套对象访问

来自分类Dev

如何从javascript中的嵌套对象访问密钥

来自分类Dev

如何在 Spring Rest Request 中访问内部 json 对象

来自分类Dev

如何在 C# 中访问 JSON 对象的结果

来自分类Dev

访问嵌套在 JSON 对象中的数组中的对象值

Related 相关文章

热门标签

归档