angular - 如何在 ionic 2 中的切换上显示选定的值?

标签 angular ionic-framework ionic2

我在我的应用程序中使用了切换。我想每次加载页面时在切换上显示所选值。

问题:我选择 true,但每当我加载页面时,它都会显示 false。

html代码

<ion-toggle [(ngModel)]="isToggled" (ionChange)="YES1()"></ion-toggle>

ts代码

public isToggled: boolean;
YES1()
  {
    console.log("Toggled: "+ this.isToggled);
    if(this.isToggled == true)
    {
      console.log('true');
    }
    else
    {
      console.log('false');
    }
  }

最佳答案

它总是显示 false,因为您尚未使用值初始化属性,因此它是未定义的,并且每次加载页面时切换都会保持 false。如果您想始终显示为已切换/真正简单,请执行

public isToggled: boolean = true;

Angular 不会存储其上的值,每当您从堆栈中卸载该页面或重新加载页面时,值都会重置。

如果您想保存该值以便稍后使用,我建议使用数据库或至少使用一些本地存储。

关于angular - 如何在 ionic 2 中的切换上显示选定的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48905002/

相关文章:

android - 无法在 Genymotion Android 模拟器中运行 ionic 2 应用程序

angular - 模板解析错误 : Unexpected closing tag

angular - 子目录中的 Laravel

android - Ionic build cannot find module 错误。如何导入安卓插件?

javascript - 在大图像上调用 readAsDataURL 后不调用文件图像 onloaded

angular - 选中复选框时更改标签样式 - Ionic 3

android - Ionic config.xml 针对不同平台的不同小部件 id

jquery - 在 Angular 5 中使用 jquery 插件

javascript - 如果我们无法从父组件更改属性或操作它们,那么 @ViewChild 有什么用呢?

css - 为什么 ionic 设置网格 `.col` `display:block` 和 `width: 100%` 属性?