【问题标题】:Struggle accessing array in json object - ANGULAR努力访问 json 对象中的数组 - ANGULAR
【发布时间】:2021-07-03 11:53:31
【问题描述】:

我想访问分配给属性opzioni 中的值,我从我的json 获得的api,但我在执行此操作时遇到了一些问题。

[
 { 
   "isActive": "yes",
   "_id": "60e04e583a5c9f0004ac1524",
   "titolo": "Test123",
   "sottotitolo": "bla bla bla bla",
   "descrizione": "lorem ipsum dolor sit amet",
   "tipo": "pal",
   "opzioni": [
                {
                  "nome": "Name 1"
                },
                {
                  "nome": "Name 2"
                 },
                 {
                  "nome": "Name 3"
                 }
              ],
    "__v": 0
    }
]

【问题讨论】:

  • data[0].opzioni

标签: json angular ionic5


【解决方案1】:

我看到根对象是一个数组。您可以使用map 函数访问数组中的特定属性,例如:

const data = [ { "isActive": "yes", "_id": "60e04e583a5c9f0004ac1524", "titolo": "Test123", "sottotitolo": "bla bla bla bla", "descrizione": "lorem ipsum dolor sit amet", "tipo": "pal", "opzioni": [ { "nome": "Name 1" }, { "nome": "Name 2" }, { "nome": "Name 3" } ], "__v": 0 } ]

const opzioniArray = data.map(i => i.opzioni);

这会将数组重新映射为所有 opzioni 值的列表。

【讨论】:

  • 非常感谢,现在我的问题是访问该数组,因为现在它给了我类似 -> 的东西。 0:Array(3) 0:{nome: "name 1" } 1:{nome: "name 2" } 2:{nome: "name 3" } 并且 ngFor 只迭代一次。 ://
猜你喜欢
  • 2020-10-06
  • 2018-03-05
  • 2021-02-23
  • 1970-01-01
  • 2018-09-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多