当构建一个detail类来显示对象数据时,我似乎在重复我自己。有没有办法*ngFor:对于rug对象的每个属性,显示属性的名称,然后将其绑定到对象的值?
//rug-detail.component.ts
<div class="row">
<div class="col-md-3">Name:</div>
<div class="col-md-6">{{rug.name}}</div>
</div>
<div class="row">
<div class="col-md-3">ID:</div>
<div class="col-md-6">{{rug.id}}</div>
</div>
<div class="row">
<div class="col-md-3">Availability:</div>
<div class="col-md-6">{{rug.availability}}</div>
</div>
<div class="row">
<div class="col-md-3">Price:</div>
<div class="col-md-6">{{rug.price|currency:"USD":"symbol"}}</div>
//rug.ts
export interface Rug{
name: string;
id: number;
availability: String;
price: number;
}
同样的问题,对于Ruby:Accessing a variable's name from an object
发布于 2019-06-27 03:11:49
一个提示:
rug = {
name: "Name",
id: 42,
availability: "in stock",
price: 123,
};
for (const key in rug) {
console.log(`${key}: ${rug[key]}`)
}
// OR
for (const key of Object.keys(rug)) {
console.log(`${key}: ${rug[key]}`)
}
两者之一必须在Angular的*ngFor
中可用
https://stackoverflow.com/questions/56779273
复制相似问题