Question

我有ionic3 app并且有代码：

<ion-item *ngFor="let m of inbox">
  <ion-avatar item-start>

    <img *ngIf="user.id != m.user_id" (click)="sendMessage(m.user_id)" [src]="m.avatar">
    <img *ngIf="user.id == m.user_id" [src]="m.avatar">

  </ion-avatar>
      <p>{{ m.username }} </p>
      <span style="position: absolute;bottom: 24px;">{{ m.content }}</span>
   <ion-row>
      <ion-col right text-right>
        <ion-note>
          {{ m.action  }} - {{ m.created_at | date:'dd/MM-yy HH:mm' }}
        </ion-note>
      </ion-col>
</ion-row>
</ion-item>

此（收件箱）包含带有一些数据的消息列表。我也有函数sendMessage(m.user_id)，这个函数与m.user_id

一起使用

我想要显示此*ngFor的展示按钮：

<button ion-button medium color="btn-pink" block (click)="sendMessage()">besked</button>

但我如何访问m.user_id？

Answer 1

首先要做到这一点，你需要决定点击按钮（sendMessage），作为触发器的用户。为此，您需要从n个用户列表中选择用户。为此，您可以添加一些机制来选择* ngFor循环中的特定用户（假设您介绍复选框，或者只是单击该特定用户头像）。然后，您可以将用户ID存储在某个变量中，然后在sendMessage函数

中传递该变量

数据选项超出* ngFor

1 个答案: