Question

我有一个按字母顺序排序的项目清单。我想按字母顺序将标题插入列表中（因此，a的开头为“ A”，b的开头为“ B”，等等），我想通过在.ts文件中使用一些javascript来操纵dom来实现该页面已加载，但我无法理解如何操作（我是一个菜鸟，在这里自学！）。

我已经阅读了许多不同方法的文章，但是作为正确的解决方案，似乎没有什么事情对我有所帮助。我已经读过关于DomController的内容，它看起来很棒，也看到了许多其他选择，只是没有什么能让我按字母顺序读取字符串然后插入节点。

这是编译之前的html ...


<div *ngIf="items.length > 0" class="list-mini">
  <ion-list lines="none">
    <ion-item *ngFor="let item of items" [routerLink]="['/details', item.payload.doc.id]">
      <ion-label>{{item.payload.doc.data
      ().recipeName}}</ion-label>
      <ion-thumbnail slot="end">
        <img [src]="item.payload.doc.data().image">
      </ion-thumbnail>
    </ion-item>
  </ion-list>

是否已编译（如果需要）...

<ion-item _ngcontent-c1="" tabindex="0" ng-reflect-router-link="/details,Jr24YUyo2IcjK2mA1DpY" class="in-list item ion-activatable ion-focusable item-label hydrated">
<ion-label _ngcontent-c1="" class="sc-ion-label-md-h sc-ion-label-md-s hydrated">Alias test name</ion-label>
<ion-thumbnail _ngcontent-c1="" slot="end" class="hydrated"><img _ngcontent-c1="" src="./assets/imgs/default_image.jpg"></ion-thumbnail>
</ion-item>

我要从Firebase提取数据，我想这样做的正确方法是在列表中遍历数据之前先对数据进行处理，但我认为操纵dom会更容易，我会考虑性能受到打击。

任何帮助表示赞赏！

如何按字母顺序将节点插入离子列表

0 个答案: