标签: ion-toggle

如何在离子切换上处理点击功能

这是我的.html文件

<ion-item no-lines (click)="update()" >
        <ion-label> Notification</ion-label>
        <ion-toggle [(ngModel)]="notify" ></ion-toggle>
    </ion-item>
Run Code Online (Sandbox Code Playgroud)

上面的代码工作时,我点击Notification文本,但当我点击ion-toggle我无法调用该功能,我该怎么做才能调用该功能.

这是我的.ts文件

update(){
 console.log("invoking notification");
}
Run Code Online (Sandbox Code Playgroud)

ion-toggle ionic2 angular

10
推荐指数
1
解决办法
9893
查看次数

如何在ionic2中的离子切换上自定义文本

我正在寻找自定义离子切换,以显示自定义文本.我需要它说是/否.尝试寻找解决方案,发现我们可以使用离子切换文本.但是这种解决方案似乎不适用于ionic2.以下是我正在使用的代码段.尝试使用ng-true-value但是也没有用.

<ion-toggle ion-toggle-text="Yes;No" ng-true-value="Yes" ng-false-value="No">
</ion-toggle>
Run Code Online (Sandbox Code Playgroud)

我在离子文档中找不到任何与此相关的离子切换.你能告诉我如何实现这个功能吗?

ion-toggle ionic2

6
推荐指数
1
解决办法
959
查看次数

在 ion-toggle 中设置要检查的默认切换

下面是列出切换按钮的代码,我想在其中将第一个切换按钮设置为打开,其余设置为关闭。

<ion-view view-title="Choose language">
  <ion-content>
    <div class="list"> 
      <ion-toggle ng-repeat="item in lists" ng-model="item.checked"   
        ng-checked="item.checked">
        {{ item.name }}   
      </ion-toggle>
    </div>
  </ion-content>
</ion-view>

   $scope.lists= [
                { name: 'List1' },
                { name: 'List2' },
                { name: 'List3' },
            ];
Run Code Online (Sandbox Code Playgroud)

我试过给$scope.item.checked='List1'但没有用。这个问题的任何可能的解决方案..

javascript angularjs ionic-framework ion-toggle

5
推荐指数
2
解决办法
9860
查看次数

在离子切换中切换开关时如何调用不同的功能

当切换按钮"打开"时,请参阅下面的函数buttonOn(),
PIC1

我想在buttonOff()"关闭"时切换它,如下所示

在此输入图像描述

html的

<ion-toggle (ionChange)="buttonOn()"></ion-toggle>
Run Code Online (Sandbox Code Playgroud)

.TS

buttonOn() { 
    // this function is called;
}

buttonOff() {
   // how to call this function when toggle button gets off?
}
Run Code Online (Sandbox Code Playgroud)

typescript ionic-framework ion-toggle ionic2 ionic3

0
推荐指数
1
解决办法
563
查看次数