ion-option-buttons显示我是否对离子切换进行了ng-change

时间:2017-04-15 15:00:12

标签: angularjs ionic-framework

美好的一天!我是离子和移动设备的新手。我正在制作一个简单的提醒应用程序,我正在实施离子切换 这是我的代码的样子,

<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;">&nbsp;</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 时,选项按钮就会显示出来。我在网上寻找一些解决方案,其中没有一个有同样的问题。 这是我的问题enter image description here

的图片

非常感谢您的帮助

2 个答案:

答案 0 :(得分:2)

在离子切换上使用 ng-model ,下面是示例代码:

<ion-toggle ng-model="someVariable" ng-checked="!med.status" toggle-class="toggle-calm" style="border: 0;">&nbsp;</ion-toggle>

答案 1 :(得分:0)

哎呀,我的坏。我忘了把ng-model放在离子切换器上。