如何在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文件中动态获取一个数组并将内容加载到ion-item中吗？在.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是包含数据对象的数组。