onsen-ui - 温泉开关不记得它的状态(并且未调用选中的开关上的功能)？

Question

我有一个 Onsen-UI 开关。我将其打开，然后离开该页面。当我返回页面时，开关已变为关闭；交换机不记得它的状态？我在对 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

希望对你有帮助!