Question

我有这个列表，这是一个小聊天流。正如您所看到的，我已尝试使用input = [1, 2, 3, 4, 5, 6, 7, 8] filter size = [1, 3] stride = [2] so input to filter will be [[1, 2, 3], [3, 4, 5], [5, 6, 7]]和#messageList，但未成功使用：

[id]="msg.messageId"

在组件中，我有列表的参考：

 <div class="wrapping" #scrollMe [scrollTop]="scrollMe.scrollHeight">
    <ul #messageList>
      <li *ngFor="let msg of messages" [ngClass]="getClassPosition(msg)" [id]="msg.messageId">
        <div class="msg-content lighten-3 center-align" [ngClass]="getClassColor(msg)">
          <span class="msg-text">{{msg.messageContent}}</span>
          <div class="msg-loading-icon  right">
            <img class="msg-icon" src={{getMessageStateIcon(msg.state)}}/>
          </div>
        </div>
        <small class="grey-text">{{msg.sender}} • {{msg.sendedOn}}</small>
      </li>
    </ul>
  </div>

每条消息都有自己的ID。当用户发送消息时，我将其显示在列表中。

状态由@ViewChild('messageList') messageList: ElementRef;表示。

例如，当收到将消息状态从msg-icon更改为sent的事件时，我想将此read更改为此消息的另一个图标。

我想做这样的事情（它仅仅是一个例子）：

msg-icon

如何访问列表中的特定项目以更新图像？

通过组件中的id动态访问项目

0 个答案: