如何在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并将内容加载到离子项目中？在.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>

数据是带有数据对象的数组。