如何在HTML中显示对象变量的名称？
如何在HTML中显示对象变量的名称？
提问于 2019-06-27 02:45:14
当构建一个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
回答 1
Stack Overflow用户
发布于 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中可用
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56779273
复制相关文章
相似问题