Question

当前行为：我可以通过单击按钮从列表中选择一个项目，然后访问有关该项目的信息。但是，当应用过滤器并单击按钮时，这就是我得到的另一项信息。

行为愿望：即使应用了过滤器，我也想访问项目的信息。

可能的原因：我认为错误是由于更改数组的大小引起的，当应用过滤器时，大小会减小，因此索引可能会比其在UserList中的索引小。

帮我找到解决方法。

HTML-过滤器

.css

HTML循环

<input type="text" [(ngModel)]="term">

myfilter.ts

<tr *ngFor="let user of usersList | myfilter:term, let i = index">
        <td> {{user.uid}} </td>
        <td> {{user.nom}} </td>
        <td> {{user.prenom}} </td>
        <td> {{user.tel}} </td>
        <td> {{user.type}} </td>
        <td> {{user.email}} </td>
        <td> {{user.dati}} </td>
        <td> <button (click)="onViewUser(id=this.usersList[i].uid)" class="btn btn-primary"> Rôle</button> <button class="btn btn-success" > Modifier </button> </td>
    </tr>

Answer 1

从以下位置更改选择代码：

onViewUser(id=this.usersList[i].uid)

到

onViewUser(user?.uid)

错误单击由过滤器引起的行

1 个答案: