【问题标题】:Save last value of Angular 2 *ngFor loop保存 Angular 2 *ngFor 循环的最后一个值
【发布时间】:2016-06-21 13:36:13
【问题描述】:

在下面的代码中,我想保存最后一个用户和索引,以便我可以每 50 个用户向前或向后分页。

<tbody>
                <tr *ngFor="var user of users; let index=index; let isLast=last">
                  <td>{{user.firstName}} {{user.lastName}}</td>
                  <td><span *ngFor="var ext of user.extensions; let isLast=last">{{ext}}{{isLast ? '' : ', '}}</span></td>
                  <td>{{user.loginName}}</td>
                  <td>*Blank*</td>
                  <td>{{user.userType}}</td>
                  <td>*Blank*</td>
                  <td>*Blank*</td>
                </tr>
              </tbody>
            </table>
        </div>
        <ul class="vgVspNextLastList">
        <li><small class="vgVspNextLastTag" (click)="showNext();"> Next > ></small></li>
        <li><small class="vgVspNextLastTag" (click)="showLast();">< < Last </small></li>
        </ul>

【问题讨论】:

    标签: angular ngfor


    【解决方案1】:

    users 中已有最后一个值。如果你使用

    <tr *ngFor="let user of users">
    

    那么最后一个用户是

    this.users[this.users.length - 1]
    

    【讨论】:

    • 什么时候我可以将此值传递回组件而无需进一步的用户交互?
    • 就在this.users 获得分配的数据之后。
    猜你喜欢
    • 2017-11-01
    • 1970-01-01
    • 2017-03-04
    • 1970-01-01
    • 2021-06-04
    • 1970-01-01
    • 1970-01-01
    • 2017-02-16
    • 1970-01-01
    相关资源
    最近更新 更多