我想在 for 循环中显示特定记录的标签文本

Question

<div ngFor="let data of Requests">
          FirstName:<b>{{data.name}}</b>&nbsp;
          <button (click)="AcceptRequest()">Accept</button>
          <button (click)="CancelRequest()">Decline</button>
          <label>{{RequesStatus}}</label>

我只想在我的代码中为每个请求显示接受或拒绝请求的标签。

Answer 1

试试这个，这应该有效：

<div *ngFor="let item of requests; index as ix">
    ix: {{ix}} FirstName:<b>{{item.name}}</b>&nbsp;
    <button (click)="HandleRequest(true, ix)">Accept</button>
    <button (click)="HandleRequest(false, ix)">Decline</button>
    <label>{{requesStatus[ix]}}</label>

    <!-- or -->
    <label>{{(isAccepted[ix]) ? 'accepted' : 'declined'}}</label>
</div>

在 TS

                     // in class level declare this
   requesStatus: string[] = [];
                     // or
   isAccepted: boolean[] = [];

                     // function to set and use in template
   HandleRequest(accepted, ix) {
      this.requesStatus[ix] = (accepted) ? 'accepted' : 'declined';
                     // or
      this.isAccepted[ix] = accepted;
   }

我想在 for 循环中显示特定记录的标签文本

I want to display label text for particular record in for loop

angular7