复选框不发送错误的值

Question

我有一个使用AngularJS的rails应用程序，我有一个表单的问题，问题是我想使用复选框发送值true或false，但它只发送true，如果它被选中如果在此之后选中并取消选中，则为false，但如果用户未触摸复选框，则不会将其作为参数发送。

<div class="checkbox"> 
    <label> 
     <input type="checkbox" ng-model="car"> Do you have a car? 
    </label> 
    </div> 

如果用户没有检查过它，我该怎么做才能使它发送错误？

---

编辑：整个形式是这样的，顺便说一句，它是关于建立一个民意调查的形式，对汽车用品只是一个例子...

<h1>Create Poll</h1> 

<form ng-submit="addPoll()" style="margin-top:30px;"> 

    <div class="form-group"> 
    <label>Title</label> 
    <input type="text" class="form-control" ng-model="title"></input> 
    </div> 

    <div class="form-group"> 
    <label>Description</label> 
    <textarea type="text" class="form-control" ng-model="description"></textarea> 
    </div> 

    <br> 
    <div class="checkbox"> 
    <label> 
     <input type="checkbox" ng-model="allow_anonymous_answer" ng-false-value="false"> Allow anonymous answers 
    </label> 
    </div> 
    <br> 

    <div class="form-group"> 
    <label>Welcome message</label> 
    <textarea type="text" class="form-control" ng-model="initial_message"></textarea> 
    </div> 

    <div class="form-group"> 
    <label>Outgoing Message</label> 
    <textarea type="text" class="form-control" ng-model="final_message"></textarea> 
    </div> 

    <button type="submit" class="btn btn-primary" style="float: right;">Continue</button> 

</form> 

当你打我继续做与Restangular HTTP POST请求创建一个民意调查，但问题是，当我不碰的复选框，这是我的日志的Rails中看到...

Started POST "/polls.json" for 127.0.0.1 at 2016-01-26 14:05:57 -0300 
Processing by PollsController#create as JSON 
    Parameters: {"title"=>"asddddddddddddddda", "description"=>"aaaaaaaaaaaaaaaaaaaaa", "initial_message"=>"asdasdddddddddd", "final_message"=>"aaaaaaaaaaaaaaaaaaad", "poll"=>{"title"=>"asddddddddddddddda", "description"=>"aaaaaaaaaaaaaaaaaaaaa", "initial_message"=>"asdasdddddddddd", "final_message"=>"aaaaaaaaaaaaaaaaaaad"}} 

不e参数allow_anonymous_answer甚至没有出现，如果我检查复选框，然后我可以看到该参数设置为true，如果我检查它然后取消选中它，那么它被设置为false，但问题是当用户甚至不碰这个，当这种情况发生，则参数甚至没有显示...

就在你想看到的情况下，这是AngularJS的控制器......

angular.module('myapp').controller('CreatePollCtrl', ['$scope', 'Restangular', 
function($scope, Restangular) { 
    Restangular.setFullResponse(true); 

    $scope.addPoll = function() { 
    var poll = {title: $scope.title, description: $scope.description, allow_anonymous_answer: $scope.allow_anonymous_answer, initial_message: $scope.initial_message, final_message: $scope.final_message}; 
    Restangular.all('polls').post(poll).then(function(response) { 
    }); 
    }; 
}]); 

Answer 1

我想你应该把一个变量在你的控制器来实现你的HTML组件和你的JS代码之间的绑定。

我目前正在开发一个角度应用程序，我做的是初始化在我的控制器的第一行中的所有NG-模型变量，那么你为什么不试用一下这个：

在你的第一个控制器线路：

$scope.allow_anonymous_answer = false; 

Answer 2

难道你看看角度文档：https://docs.angularjs.org/api/ng/input/input[checkbox]

你可以明确说明什么价值e复选框应在未选中时发送ng-false-value

Answer 3

将ng-click添加到checkbox并在那里更新模型。工作正常。

<div class="checkbox"> 
    <label> 
     <input type="checkbox" ng-model="car" ng-click="updateCar(this)">Do you have a car?</input> 
    </label> 
</div> 

在你的控制器：

var updateCar = function(checkbox) { 
    if (checkbox.checked) { 
     car = false; 
    } 
    else { 
     car = true; 
    } 
} 

Answer 4

我解决它......

在控制器

if ($scope.allow_anonymous_answer == null) 
    $scope.allow_anonymous_answer = false