*ngFor用于JSON数组
我有下面的JSON结构
{
"first_name": "Peter",
"surname": "Parker",
"adresses": {
"adress": [{
"info1": "intern",
"info2": "bla1"
}, {
"info1": "extern",
"info2": "bla2"
}, {
"info1": "group",
"info2": "bla3"
}, {
"info1": "outdoor",
"info2": "bla4"
}, {
"info1": "indoor",
"info2": "bla5"
}]
}}
Q： 我怎样才能算出所有加法的*ngFor？
提前致谢并问候菲洛特
共有3个答案
感谢您的快速回复。但是，在下面的代码中，错误类型错误：this.form._updateTreeValidity不是函数是什么意思？
<div *ngFor="let address of addressList">
<div [formGroup]="address">
<input formControlName="info1">
</div>
</div>
像这样。
在component.ts文件中
data = {
"first_name": "Peter",
"surname": "Parker",
"adresses": {
"adress": [{
"info1": "intern",
"info2": "bla1"
}, {
"info1": "extern",
"info2": "bla2"
}, {
"info1": "group",
"info2": "bla3"
}, {
"info1": "outdoor",
"info2": "bla4"
}, {
"info1": "indoor",
"info2": "bla5"
}]
}
}
address = this.data.adresses.adress
以html格式
<div *ngFor="let value of address">
{{value.info1}} - {{value.info2}}
</div>
如果你有任何疑问，请告诉我。
你可以这样做
在ts文件中
this.adressList= data.adresses.adress
在html文件中
<div *ngFor="let adress of adressList">
{{adress.info1}}
</div>
-
问题内容： 我从网络服务器获取以下JSON字符串。 我想要公开HTML中的JSON，我尝试了以下操作，但未填写字段，我也收到了“无异常”，因此我很难找出其不起作用的原因。 TS 的HTML 问题答案： 您可以使用来从对象获取键（需要IE AFAIK中的polyfill）
-
问题内容： 我想列出角度为2 * ngFor的以下json的状态和类型。家长属性也应呈现。 角度2： 当然这是行不通的。没有很多数据转换就可以吗？我不确定如何获取json数组的数组。 问题答案： 您需要使用数组。如果要在此级别使用对象，则应考虑使用自定义管道。 基于此，我将以这种方式重构您的代码： 使用以下管道：
-
我正在开发一个应用程序，可以通过课堂过滤老师的学生。首先，我做一个ngFor，在一个div中显示老师的所有班级，然后我想用另一个ngFor添加该班级的所有学生。 分类是一个空数组，学生是具有不同参数的对象。其中之一是学生.class。 是否可以使用 ngFor 过滤学生，该 ngFor 读取 {{clase}} 和 {{student.classes}} 参数并仅显示匹配的学生？ 实际代码是这样的
-
也就是说，我想要达到的目标可以从以下的角度来看 如何使用管道实现？
-
本文向大家介绍详解Angular2 关于*ngFor 嵌套循环，包括了详解Angular2 关于*ngFor 嵌套循环的使用技巧和注意事项，需要的朋友参考一下 在项目开发中拿到的数据是这样的，要循环遍历出来。可是在ng2中好像不能直接遍历Object 在搜索之后发现了这种方法可以实现。 array-ngfor.ts array-ngfor.html 重点的是这个方法 结果： 以上就是本文的全部内容
-
我有一个动态JSON，其中包含名称列表，它还包含子名称作为子集。如何使用angularJS ng重复在超文本标记语言UI中显示它 示例动态JSON是 注意:JSON是基于请求生成的。子数组是可选的，它可以包含长度“n”