如何超出复杂JSON对象内部的数组?

奥立佛

我有一个像这样的复杂JSON对象

{
    "product": {
        "expiry_type": {
            "type": "premium"
        },
        "accout_holders": {
            "admin": {
                "name": "Admin",
                "description": "Admin"
            }
        },
        "productId": "apple-inc",
        "description": "Apple Incorporation"
    },
    "sales": {
        "datasource": [{
            "name": "USA",
            "type": "direct",
            "uri": "https://www.apple.com/"
        }],
        "apps": {},
        "saleID": "SEIO578ed57EI"
    }
}

我在服务的帮助下得到了这个JSON对象。我想访问数据源并将其保存在另一个数组中,以便可以在角度材质芯片中显示数据源名称。如何访问数据源阵列?

奥立佛

它非常简单,每个JSON对象都有这样的名称:

 {
    	"product": {
    		"expiry_type": {
    			"type": "premium"
    		},
    		"accout_holders": {
    			"admin": {
    				"name": "Admin",
    				"description": "Admin"
    			}
    		},
    		"productId": "apple-inc",
    		"description": "Apple Incorporation"
    	},
    	"sales": {
    		"datasource": [{
    			"name": "USA",
    			"type": "direct",
    			"uri": "https://www.apple.com/"
    		}],
    		"apps": {},
    		"saleID": "SEIO578ed57EI"
    	}
    }

现在像这样访问作为数据源的数组name.product.sales.datasource[0]

您不必将数据源带到另一个阵列即可在芯片中显示它们。您可以迭代数据源,并可以使用字符串插值来显示角度材料芯片中的任何对象。这是获取方法。

<mat-chip *ngFor="let ds of name.product.sales.datasource"  matTooltip="{{ds.url}}">
        {{ds.name}}
      </mat-chip>

这将显示芯片中的所有数据源名称对象,如果将光标悬停在芯片上,则可以看到url作为工具提示。

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章