Question

我的表中有许多ngFor，如何从getList（）的项目中生成HTML中的局部变量？

我需要用户＃吗？

示例： <div *ngFor="let #item of getList()"></div>？以及如何在下一个ngFor HTML中使用局部变量？

Answer 1

HTML

<div *ngFor="let item of myList" #item></div>

item是指myList
#item是对DOM中元素的引用

打字稿

export class YourComponent {

    get myList(): any[] {
        return this.mySpecialList;
    }

}

您可以使用get函数myList将自定义数组绑定到*ngFor（如果发生更改，该数组也会自动更新）

P.S .：我不确定我是否正确理解了您的问题。让我知道是否有帮助！

Answer 2

我有一个表格示例：

<div class="card mb-4">
  <div class="card-body card-table">
    <div class="table-responsive">
      <table class="table table-striped table-bordered">
        <thead>
          <tr>
            <th class="align-middle">Przydział:</th>
            <th class="align-middle" *ngFor="let distinctStatus of groupByList(list, 'status')">{{distinctStatus.status}}</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let distinctId of groupByList(list, 'id')">
            <td class="align-middle">{{distinctId.id}}</td>
            <td class="align-middle text-right" *ngFor="let distinctStatus of groupByList(list, 'status')">
              <span *ngFor="let value of groupByList(list, 'id', 'status')">
                <span *ngIf="value.id == distinctId.id && value.status == distinctStatus.status">{{value.number}}</span>
              </span>
            </td>
          </tr>
          <tr>
            <td class="align-middle font-weight-bold">Razem:</td>
            <td class="align-middle text-right font-weight-bold" *ngFor="let distinctStatus of groupByList(list, 'status')">
              <span *ngFor="let value of groupByList(list, 'status')">
                <span *ngIf="value.status == distinctStatus.status">{{value.number}}</span>
              </span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>

我如何从adtr中获取distinctStatus变量，因为我需要在本体tr td中将此变量与ngIf一起使用（将value.property与distinct.property进行比较。现在我有很多ngFor，因为在ngFor作用域之后我无法获得distinctStatus变量。

在ngFor内部使用变量

2 个答案: