如何在 ionic 4 中获取多复选框数组？

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>

其中数据是包含数据对象的数组。

如何在 ionic 4 中获取多复选框数组？

How to get an array of multi checkbox on ionic4?

checkbox

ionic4

ion-checkbox