美好的一天!我是离子和移动设备的新手。我正在制作一个简单的提醒应用程序,我正在实施离子切换 这是我的代码的样子,
<ion-item class="item-avatar" ng-repeat="med in meds.medications" >
<img ng-src={{med.medicine.image_url}} style="top: 25px;">
<div class="row">
<div class="col col-50 col-center">
<h2>{{ med.medicine.name }}</h2>
<p>{{ med.dose +' '+med.type }}</p>
<p style="font-weight: bold" >{{ med.time }}</p>
</div>
<div class="col" style="border: 0">
<ion-toggle ng-checked="!med.status" toggle-class="toggle-calm" style="border: 0;"> </ion-toggle>
</div>
</div>
<ion-option-button class="button-positive" ng-click="meds.showEditMed(med)">Edit</ion-option-button>
<ion-option-button class="button-assertive" ng-click="meds.showDeleteMed(med)">Delete</ion-option-button>
</ion-item>
我有一个非常奇怪的问题,每当我在 ion-toggle 上加上 ng-change 时,选项按钮就会显示出来。我在网上寻找一些解决方案,其中没有一个有同样的问题。 这是我的问题
的图片非常感谢您的帮助
答案 0 :(得分:2)
在离子切换上使用 ng-model ,下面是示例代码:
<ion-toggle ng-model="someVariable" ng-checked="!med.status" toggle-class="toggle-calm" style="border: 0;"> </ion-toggle>
答案 1 :(得分:0)