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

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

这是我的 .html 文件

上面的代码在我单击Notification文本时有效，但是当我单击时我ion-toggle无法调用该函数我应该怎么做才能调用该函数。

这是我的 .ts 文件

这是我的 .html 文件

这是我的 .ts 文件

当我点击Notification我正在打印的文本时true

当我点击ion-toggle它时，它会打印我false

当我点击 ion-toggle 时，它​​会打印出与布尔值相反的内容，但我并没有改变任何关于这个问题的想法。

我想在 ionic 2 的 Toggle 中添加文本。Ionic v1 的网络上有一个解决方案，但 v2 没有。任何帮助。

如果绑定值为 true，则将 [(ngModel)] 与 ion-toggle 组件一起使用不会在开始时直观地检查组件。[(ngModel)] 属性工作正常，但组件在加载时不会在视觉上更新其值。

如果 [(ngModel)] 存在，则在组件加载时不检查

<ion-toggle checked="true" [(ngModel)]="n" (ionChange)="themestate(n)"></ion-toggle>

输出会像

<ion-toggle checked="true" (ionChange)="themestate()"></ion-toggle>

当我删除 ngModel 它的工作是这样的

我已经定义了我的 ion-toggle，并为它设置了 2 个属性，如下所示：

一切正常，我可以切换和更改 localStorage 的值等等。但我不确定为什么切换按钮会回到关闭状态（或错误状态）。当我移动到另一页并卷土重来时。

只有“视觉”显示的切换按钮会下降到关闭状态，而不是值。我希望按钮在切换时处于我在 localStorage 中设置的状态。

切换值是正确的，因此绑定值也是正确的。

完整代码 - 更新

下面的解决方案现在对我有用。我不确定它是否是一个好方法。

app.component.ts（当应用加载 setItem 为 true 时）

打字稿文件

.html 文件

当切换按钮为“on”时，请参见下面的函数buttonOn()被调用，

我想在buttonOff()“关闭”时拨打电话，如下所示

.html

.ts

我想要的是，当我单击切换按钮更改为 true 时，它​​应该保持为 true {edit} 这意味着当我单击切换/开关时，它会将默认值更新为 true，因此当页面刷新时，切换仍然是在 true 上，直到我再次单击它以更新回 false。

并在单独的页面上显示示例：

前门：活动。（打开）。

前门：不活动（关闭）。

//就我目前为止

HTML

TS

我正在尝试将每一侧的标签添加到嵌套在 ion 项中的 ion-toggle 组件。文字总是会坐得更低，我无法让文字向上移动。

我在标签上尝试了各种边距和填充。我曾尝试使用 Ion-note 组件，但我根本无法让此文本标签向上滑动。没有特殊的 css ion ion item 或 ion toggle。

预期文本与切换对齐

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

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

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

我尝试了很多解决方案。

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

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

我正在使用离子角度

提前致谢