javascript - 似乎无法从 ng-change 事件中的 Angular 绑定(bind)控制中获取值(value)

Question

我有一个简单的 Angular/Ionic 页面:

<ion-view ng-controller="HomeController">
    <ion-content has-header="true" padding="true">
        <ion-toggle ng-model="shareLoc" ng-change="shareLocChange()" toggle-class="toggle-stable">Share location</ion-toggle>
       Current value: {{shareLoc}}
    </ion-content>
</ion-view>

在 Controller 中，我在更改值时打印复选框的值:

angular.module('ionicApp', ['ionic'])

.controller("HomeController", function ($scope) {
    console.log('HomeController');
    $scope.shareLoc = false;
    $scope.shareLocChange = function() {
        console.log($scope.shareLoc);
    };
});

但是没用!我可以在其他 HTML 字段中绑定(bind)它(如上所示)，但出于某种原因，每当我在代码中访问它时，它都会返回 false(或者我在 Controller 初始化中将其设置为任何值)。我最终得到了错误的 $scope 还是什么？!

例子在 http://codepen.io/pugwonk/pen/OVymYv

Answer 1

所以，我实际上对此感到有些困惑，但是通过您的函数传递模型的值可以解决您的问题。

Codepen

ng-change="shareLocChange(shareLoc)" 

$scope.shareLocChange = function(shareLoc) {
  console.log(shareLoc);
};