带有方括号的角嵌套ngfor属性访问

发布于 2025-01-24 17:49:08 字数 865 浏览 4 评论 0原文

我正在尝试构建简单的角度数据表组件,但是此代码给了我麻烦:

<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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文