时间戳

首页 > 解决方案 > 单击 ion-label 以切换离子切换

angular - 单击 ion-label 以切换离子切换

问题描述

我正在使用 ionic 5 创建一个页面。

我正在制作一个“记住我”按钮，使用<ion-toggle>.

<ion-item>
    <ion-label>remember me</ion-label>
    <ion-toggle class="button"></ion-toggle>
</ion-item>

Ion-toggle工作正常，但我无法通过单击它旁边的标签来切换它。

我尝试了很多解决方案。

API 文档的链接是：https ://ionicframework.com/docs/api/toggle

有什么方法可以使离子切换和文本都可点击？

我正在使用离子角度

提前致谢

标签： angularionic-frameworkion-toggle

解决方案

您可以这样做：

  • 例如，将 Ionic id 添加到切换#mytoggle
  • 使用标签中的 id(click)来切换.checked属性

代码：

<ion-item>
    <ion-label (click)="mytoggle.checked = !mytoggle.checked">remember me</ion-label>
    <ion-toggle #mytoggle class="button"></ion-toggle>
</ion-item>

在 stackblitz 中尝试

推荐阅读