我正在寻找一种使用Angular2将JSON对象浏览到HTML页面的方法。为了得到每个键和每个值。
在AngularJS中,可以使用指令ng-repeat
:
<div ng-repeat="(key, data) in dataSets">{{key}}</div>
但是在Angular2中,我找不到找到这样的好方法。
这是我的目标:
Object {name: "Rue Saint-Nestor", oneway: "yes", highway: "residential", maxspeed: "50", source:maxspeed: "FR:urban"}
我只想分别获取键和值。我知道它可能与之一起执行,Object.keys()
但我想尽可能使用这些指令。
谢谢 !
您可以创建执行此操作的自定义管道
@Pipe({name: 'toKeyValueList'})
export class ToKeyValueListPipe implements PipeTransform {
transform(value:number, args:string[]) : any {
return // transform map to a list of keys and values
}
}
<div *ngFor="let pair in dataSets | toKeyValueList">{{pair.key}} - {{pair.value}}</div>
您应该缓存结果,这样,如果输入未更改,输出也不会更改,否则Angular在调试模式下会产生错误消息。
不要忘记将管道添加到要使用pipes: [ToKeyValueListPipe]
的@Component()
注释的。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句