Html 在离子列表中添加项目（离子）

我的html页面中有以下内容：

<ion-content padding>
  <ion-list></ion-list>
</ion-content>

---

我想将.ts文件中的项目添加到此列表。如何做这样的事情？

在.ts上呈现HTML不是一个好选项，您应该在.ts和上添加一个数组/Observable 使用ngFor渲染它

<ion-list>
    <ion-item *ngFor="let term of yourArray;">
        <p>{{term}}</p>
    </ion-item>
</ion-list>

---

在.ts上呈现HTML不是一个好选项，您应该在.ts和 使用ngFor渲染它

<ion-list>
    <ion-item *ngFor="let term of yourArray;">
        <p>{{term}}</p>
    </ion-item>
</ion-list>

“将离子项目添加到我的.ts文件”是什么意思？您应该将离子项目添加到.html文件中的离子列表中

请尝试以下操作：

<ion-content padding>
   <ion-list>
     <ion-item>
        My first item in this list
     </ion-item>

     <ion-item>
       My second item in this list
     </ion-item>
   </ion-list>
</ion-content>

我在这张单子上的第一项
我的第二项

请查看离子列表中离子项目的完整示例。

您所说的“将离子项目添加到我的.ts文件”是什么意思？您应该将离子项目添加到.html文件中的离子列表中

请尝试以下操作：

<ion-content padding>
   <ion-list>
     <ion-item>
        My first item in this list
     </ion-item>

     <ion-item>
       My second item in this list
     </ion-item>
   </ion-list>
</ion-content>

我在这张单子上的第一项
我的第二项

---

请查看离子列表中离子项目的完整示例。

我想从ts文件中添加这些项目。请检查我参考的官方文档的链接。有一些简单的例子可以显示.ts文件中变量的项目。我想从ts文件中添加这些项目。请查看我参考的官方文档的链接。有一些简单的示例可以显示.ts文件中变量中的项。如果我在程序后期将项添加到yourArray中，是否需要重新渲染以使这些项显示在列表中？无需这样做，它使用双向数据绑定，因此如果我在程序后期将项添加到yourArray中，它将自动渲染，我必须重新渲染列表中显示的项目吗？不需要，它使用双向数据绑定，因此将自动渲染