Значение ng-модели флажка не изменяется / обновляется согласно щелчку флажка - PullRequest
Новая
       15

Значение ng-модели флажка не изменяется / обновляется согласно щелчку флажка

0 голосов
/ 07 мая 2019

У меня ниже флажок: - 

<input type="checkbox" ng-click="toggleShowOtherUserConfiguration()"
       ng-model="showOtherUserConfiguration" 
       name="ShowOtherUserConfiguration"
       value="showOtherUserConfiguration" />

в app.controller я установил: - 

$scope.showOtherUserConfiguration = false;

Так что этот флажок всегда будет оставаться false при загрузке страницы.

Но что происходит: -

Флажок остается не отмеченным при загрузке страницы, в то время значение $scope.showOtherUserConfiguration равно false.

Если флажок установлен, его значение остается false.

Когда статус флажка изменяется с отмеченного на непроверенный, $scope.showOtherUserConfiguration значение становится true.

Пожалуйста, укажите, как $scope.showOtherUserConfiguration может остаться false, если не отмечено, и true, если отмечено?

Примечание: - Ничего не изменять в функции toggleShowOtherUserConfiguration(), кроме изменения $scope.showOtherUserConfiguration значения

1 Ответ

2 голосов
/ 07 мая 2019

Вы не можете использовать ng-click с флажком, вам нужно использовать ng-change для событий флажка.

Попробуйте это: 

<!DOCTYPE html>
<html ng-app="app">
<head>
	<title></title>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.18/angular.js"></script>
  <script type="text/javascript">
      var app = angular.module('app', []);
      app.controller('OneController', function ($scope) {
        $scope.showOtherUserConfiguration = false;
        $scope.toggleShowOtherUserConfiguration = function (argument) {
            console.log($scope.showOtherUserConfiguration);
        }
    });
</script>
</head>
<body ng-controller="OneController">
    <input type="checkbox"
           ng-change="toggleShowOtherUserConfiguration()"
           ng-model="showOtherUserConfiguration"
           name="ShowOtherUserConfiguration"
           value="showOtherUserConfiguration" />
    {{showOtherUserConfiguration}}
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...