在 Ion-List (Ionic) 中添加项目

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

"adding ion-items to my .ts file" 是什么意思？您应该将 ion-items 添加到 .html[=24= 中的 ion-list ] 文件。

尝试以下操作：

<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查看ion-items inside ion-lists.[=12]的完整示例=]

在 Ion-List (Ionic) 中添加项目

Adding Items the Ion-List (Ionic)

html

list

typescript

ionic-framework

ionic2