checkbox - 如何在ionic4上获得一系列多复选框？

Question

我正在尝试在 ionic 4 上获得一个带有多个复选框的数组，有人可以帮我吗？

        <ion-item>
          <ion-label position="floating">0</ion-label>
          <ion-checkbox  color="primary" value="0"></ion-checkbox>
        </ion-item>

        <ion-item>
          <ion-label position="floating">1</ion-label>
          <ion-checkbox color="secondary" value="1"></ion-checkbox>
        </ion-item>

        <ion-item>
          <ion-label position="floating">2</ion-label>
          <ion-checkbox color="danger" value="2"></ion-checkbox>
        </ion-item>

        <ion-item>
          <ion-label position="floating">3</ion-label>
          <ion-checkbox color="light" value="3"></ion-checkbox>
        </ion-item>

Answer 1

所以你想从你的 .ts 文件动态获取一个数组到你的 html 并将内容加载到 ion-items 中？在 .ts 文件中设置一个全局变量。让我们称之为data。

然后你的 html 应该是这样的：home.html:

<ion-list *ngFor="let data-object of data">
    <ion-item>
      <ion-label position="floating">{{data-object.value}}</ion-label>
      <ion-checkbox color="secondary" value="{{data-object.value}}"></ion-checkbox>
    </ion-item>
</ion-list>

其中 data 是带有数据对象的数组。