Javascript 角度9-管道';键值';找不到
找不到管道“keyvalue”。角度9Javascript 角度9-管道';键值';找不到,javascript,angular,typescript,angular9,Javascript,Angular,Typescript,Angular9,找不到管道“keyvalue”。角度9 "@angular/animations": "^9.0.1", "@angular/common": "~9.0.1", "@angular/core": "~9.0.1", "@angular/forms": "~9.0.1", "@angular/platform-browser": "~9.0.1", "@angular/platform-browser-dynamic": "~9.0.1", "@a
"@angular/animations": "^9.0.1",
"@angular/common": "~9.0.1",
"@angular/core": "~9.0.1",
"@angular/forms": "~9.0.1",
"@angular/platform-browser": "~9.0.1",
"@angular/platform-browser-dynamic": "~9.0.1",
"@angular/router": "~9.0.1",
<div *ngFor="let item of faqData | keyvalue; let i=index">
{{item.key}}:{{item.value}}
</div>
<p>Map</p>
<div *ngFor="let item of map | keyvalue">
{{item.key}}:{{item.value}}
</div>
faqData = { id: 1, name: "Abdul Rafay" };
object: {[key: number]: string} = {2: 'foo', 1: 'bar'};
map = new Map([[2, 'foo'], [1, 'bar']]);
“@angular/animations”:“^9.0.1”,
“@angular/common”:“~9.0.1”,
“@angular/core”:“~9.0.1”,
“@angular/forms”:“~9.0.1”,
“@angular/platform浏览器”:“~9.0.1”,
“@angular/platform browser dynamic”:“~9.0.1”,
“@angular/router”:“~9.0.1”,
{{item.key}}:{{item.value}
地图
{{item.key}}:{{item.value}
faqData={id:1,名称:“阿卜杜勒·拉菲”};
对象:{[key:number]:string}={2:foo',1:bar'};
地图=新地图([[2,'foo'],[1,'bar']]);
它可以工作,并且应该可以与使用angular 6+的所有版本的应用程序配合使用
但是,如果你也可以尝试另一种方法
<div *ngFor="let prop of key">
<div>key: {{prop}}</div>
<div>value: {{faqData [prop]}}<div>
</div>
修正:
OP发现他在导入项下缺少CommonModule我在这里复制了您的代码,代码是angular 9,它确实可以按预期工作。。
get key(){
return Object.keys(this.faqData );
}