温泉开关不记得它的状态（并且不调用检查开关的功能）？

Question

我有一个 Onsen-UI 开关。我打开它，然后离开页面。当我return到页面的时候，开关已经变成关了；开关没有记住它的状态？我在对 Switch 进行编码时也遇到了问题，因此它在 Switch 更改时调用了一个函数。我已经阅读了 Onsen 文档并在网上进行了搜索，但我找不到一个清晰的代码示例来实现上述目标。

<label class="switch">
    <input type="checkbox" var="switchName" ng-model="switchState" ng-change="switchChanged()" class="switch__input">
    <div class="switch__toggle"></div>
</label>

脚本

function switchChanged() {
     if ($scope.switchState == true) {
            // Switch to saving app data into Production Database
       } else {
            // Switch to saving app data into Developer Database
          };
      };

感谢您的帮助。

Answer 1

ons-switch 只要包含它的页面没有被销毁并重新创建，就会记住它的状态。您可以使用 ons-navigator 中的 pushPage 或 ons-tabbar.

中的持久制表符来实现这一点

如果你想收听ons-switch的change活动：

document.addEventListener('change', function(event) {
  console.log('Switch value is: ', event.target.checked);
});

你可以看到它在这里工作：http://codepen.io/frankdiox/pen/JGYZvx

希望对您有所帮助！

Answer 2

您需要存储状态或值 ng-nodal（可能在数据库中）。然后使用该值来初始化您的开关输入。从您的存储中初始化控制器

$scope.switchtoggle = value == 1;

$scope.switchTrigger = function (obj){
    if(obj){
        //Do something
    } else {
        //Do something else
    }
}

在你的HTML

<ons-switch ng-model="switchtoggle" ng-change="switchTrigger(switchtoggle)" ></ons-switch>

温泉开关不记得它的状态（并且不调用检查开关的功能）？

Onsen Switch Not Remembering it's State (and Not Calling Function on Switch Checked)?

onsen-ui