javascript - 如果选中复选框，AngularJS 打印文本

Question

我正在尝试在 <h1> 中打印页面上的文本标记取决于复选框是否被选中。

$scope.EmailMe = function(email) {
    if($scope.emailchecked == 1) {
        $scope.test = "emailSent";
    } else {
        $scope.test = "nothing";
    }
    }

HTML 是:

        <input type="checkbox" ng-model="emailchecked" ng-change="EmailMe(1)">
        <h1> @{{test}} </h1>

我打印了文本，但未选中复选框。或允许更改请帮助:)

Answer 1

使用 ng-true-value 和 ng-false-value，这样会给你 1/0 基于选择的值。

<input type="checkbox" ng-model="emailchecked"
  ng-true-value="1" 
  ng-false-value="0" 
  ng-change="EmailMe(emailchecked)">

Demo Plunkr

即使您不使用 ng-true-value，但这也不会使您的模型值保持为 0/1。默认情况下，复选框值为 true/false。