带有方括号的角嵌套ngfor属性访问
我正在尝试构建简单的角度数据表组件,但是此代码给了我麻烦:
<table>
<thead>
<tr>
<th *ngFor="let header of headers">
{{ header.name }}
</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let item of items">
<td *ngFor="let header of headers">{{ item[header.key] }}</td>
</tr>
</tbody>
</table>
错误: 类型false
不能用作索引类型。
标题:
headers = [
{key: 'id', name: 'ID'},
{key: 'username', name: 'Username'},
{key: 'firstName', name: 'First Name'},
{key: 'lastName', name: 'Last Name'},
{key: 'email', name: 'Email'},
]
我已经在VUE中完成了此操作,并且表达式{{item [header.key]}}
没有给我麻烦。 我在哪里有Angular?
I am trying to build simple angular data-table component, but this code gives me trouble:
<table>
<thead>
<tr>
<th *ngFor="let header of headers">
{{ header.name }}
</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let item of items">
<td *ngFor="let header of headers">{{ item[header.key] }}</td>
</tr>
</tbody>
</table>
Error:
Type false
cannot be used as an index type.
Headers:
headers = [
{key: 'id', name: 'ID'},
{key: 'username', name: 'Username'},
{key: 'firstName', name: 'First Name'},
{key: 'lastName', name: 'Last Name'},
{key: 'email', name: 'Email'},
]
I have done this in Vue, and expression {{ item[header.key] }}
wasn't giving me trouble.
Where am I wrong with angular?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论