Question

我的html页面中有这个

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

我想从我的.ts文件中添加项目到此列表。我该怎么做？

Answer 1

在.ts上呈现HTML并不是一个不错的选择，您应该在.ts上添加Array / Observable，然后使用ngFor渲染它

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

.ts代码为

yourArray = ['first','second'];

Answer 2

“将离子项目添加到我的 .ts 文件”是什么意思？您应该在 .html 文件中的 ion-list 中添加 ion-items 。

尝试以下操作：

<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>

请refer to the documentation以查看离子列表中的离子项目的完整示例。

添加项目的离子列表（离子）

2 个答案: