使用Polymer訪問嵌套在對象中的數組中對象的值
[英]Accessing a value of an Object in an Array nested in an Object with Polymer
問題描述
抱歉，標題不清楚
問題
我有一個帶有數組的聯系人的數據對象，其中包含多個對象。 不幸的是，我無法訪問嵌套對象的值。
此處找到的類似問題的答案說明了如何使用JavaScript進行訪問。 response.data.contacts[1].value但是，使用Polymer只是打印代碼而不是檢索值。 我相信問題出在我裝訂用的方括號中。 {{response.data.contacts[1].value}}
在下面，我添加了數據以闡明帶有數組的對象內對象的值的含義，因為這有點令人困惑。 我只想訪問contacts數組中的值，而不要遍歷所有這些值
{
"data": {
"contacts": [
{
"id": 259,
"user_id": 248,
"type": "phone",
"value": "+1 (946) 315-2819",
"created_at": "2016-08-24 18:12:30",
"updated_at": "2016-10-24 13:03:33",
"deleted_at": null
},
{
"id": 260,
"user_id": 248,
"type": "phone",
"value": "+1-979-427-7971",
"created_at": "2015-12-08 04:10:19",
"updated_at": "2016-10-24 13:03:33",
"deleted_at": null
},
]
},
}
1 個解決方案
解決方案1
1 已采納 2016-10-26 16:22:40
要綁定到數組項的子屬性 ，請使用如下數組項路徑 ：
{{response.data.contacts.1.value}}
HTMLImports.whenReady(() => { "use strict"; Polymer({ is: 'x-foo', properties: { response: { type: Object, value: () => ({ "data": { "contacts": [{ "id": 259, "user_id": 248, "type": "phone", "value": "+1 (946) 315-2819", "created_at": "2016-08-24 18:12:30", "updated_at": "2016-10-24 13:03:33", "deleted_at": null }, { "id": 260, "user_id": 248, "type": "phone", "value": "+1-979-427-7971", "created_at": "2015-12-08 04:10:19", "updated_at": "2016-10-24 13:03:33", "deleted_at": null }, ] }, }) } } }); });
<head> <base href="https://polygit.org/polymer+1.7.0/components/"> <script src="webcomponentsjs/webcomponents-lite.min.js"></script> <link rel="import" href="polymer/polymer.html"> </head> <body> <x-foo></x-foo> <dom-module id="x-foo"> <template> <span>{{response.data.contacts.1.value}}</span> </template> </dom-module> </body>
在Polymer 2嵌套模板中以編程方式訪問對象值
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.