角* ngFor键值排序不适用

我正在尝试为游戏创建实时记分板,并在其中向应用程序提供日志文件。

我正在使用

public players = {}; // <string,Player>

包含以字符串为键的播放器列表。 play.model.ts看起来像这样:

export class Player {
  public name: string;
  public kills: number;
  public deaths: number;

  constructor(name: string) {
    this.name = name;
    this.kills = 0;
    this.deaths = 0;
  }
}

所以我的观点是这样的

      <tr *ngFor="let player of scoreboardService.players | keyvalue: sortByKills">
        <td>{{ player.value.name }}</td>
        <td>{{ player.value.kills }}</td>
        <td>{{ player.value.deaths }}</td>
      </tr>

在这里,我在比较器函数sortByKills()中使用键值

  sortByKills = (p1: KeyValue<string,Player>,p2: KeyValue<string,Player>): number => {
    return p2.value.kills - p1.value.kills;
  }

该表正确更新,但是未应用排序。有什么建议吗?

iCMS 回答:角* ngFor键值排序不适用

看看我用自定义管道放入Demo的示例

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="menus">
  <ul id="menu" class="menu">
    <li>
      <div class="handle"></div>
      <div class="menu-item">
        <a href="#" class="delete-menu">
          <i class="fa fa-times"></i>
        </a>
        <div class="row">
          <label class="col-sm-2 col-form-label">Kullanıcı Adı</label>
          <div class="col-sm-7">
            <div class="form-group bmd-form-group">
              <input class="form-control" type="text" name="title[]" placeholder="Menü Adı">
            </div>
          </div>
        </div>
      </div>
      <div class="sub-menu">
        <ul class="menu"></ul>
        <ul class="menu2"></ul>
      </div>
      <a href="#" class="btn add-contact" data-background-color="warning">Add Contant</a>
      <a href="#" class="btn add-phone" data-background-color="warning">Add Phone</a>
    </li>
  </ul>
</div>
本文链接:https://www.f2er.com/2046142.html

大家都在问