温泉开关触发回调的问题

Question

我正在尝试使用温泉 ui 到 enable/disable BT 实现开关元件，但无法与控制器 js 通信。

    <script>
        var app = angular.module('app', ['onsen']);
        app.controller('Controller', function($scope) {
            $scope.item=[{selected:true}];
            $scope.enBT = function(){
                var Checked = BTSwitch.isChecked();
                alert(Checked);
            }
        }
    </script>

下面是我的 HTML 代码。

    <div class="app">
        <h1 >Apache Cordova using Onsen</h1><br /><br />
        <ons-span id="enBluetooth" style="font-size: 40">  Enable bluetooth 
            <label class="switch">
                <input type="checkbox" var="BTSwitch" ng-model="item.selected" ng-change="enBT" class="switch__input">
                <div class="switch__toggle"></div>
            </label>
        </ons-span><br />
    </div>

开关 UI 显示但我无法让它响应 ng-change 也没有将启动状态显示为 true，这是在 JS 中设置的。请有人能告诉我我做错了什么吗？感谢您的帮助！

Answer 1

首先，您需要在 wrapper 元素中设置 ng-app 属性，或调用 angular.bootstrap(document, ['app']) 到运行应用程序。

其次，您需要在 wrapper 元素中设置 ng-controller 属性以将控制器绑定到视图。

第三，$scope.item 不需要是数组。 $scope.item = {selected: true} 就够了。

并且您的代码中还有其他一些错误。试试下面的代码片段。

var app = angular.module('app', ['onsen']);
app.controller('Controller', function($scope) {
  $scope.item= {selected:true};
  $scope.enBT = function(){
    var Checked = $scope.item.selected;
    alert(Checked);
  };
});

<link href="https://cdn.rawgit.com/OnsenUI/OnsenUI/1.3.6/build/css/onsen-css-components.css" rel="stylesheet"/>
<link href="https://cdn.rawgit.com/OnsenUI/OnsenUI/1.3.6/build/css/onsenui.css" rel="stylesheet"/>
<script src="https://cdn.rawgit.com/OnsenUI/OnsenUI/1.3.6/build/js/angular/angular.min.js"></script>
<script src="https://cdn.rawgit.com/OnsenUI/OnsenUI/1.3.6/build/js/onsenui.min.js"></script>


<div ng-app="app" class="app" ng-controller="Controller">
  <h1 >Apache Cordova using Onsen</h1><br /><br />
  <ons-span id="enBluetooth" style="font-size: 40">  Enable bluetooth 
    <label class="switch">
      <input type="checkbox" var="BTSwitch" ng-model="item.selected" ng-change="enBT()" class="switch__input">
      <div class="switch__toggle"></div>
    </label>
  </ons-span><br />
</div>

温泉开关触发回调的问题

Trouble with onsen switch triggering callback

android

switch-statement

onsen-ui