AngularJS - 选择 False 时，ng-option 下拉列表未设置 ng-model 值

Question

我有一个<select> 元素，它使用ng-options 生成选择列表，并希望将选择的值设置为ng-model 的值。这是我的html：

<td style="text-align:center">
    <ng-form name="IsTobaccoForm">
        <select name="Input" required ng-model="dep.IsTobacco" ng-options="item.value as item.text for item in yesNoList"></select>{{dep.IsTobacco}}
        <span class="alert-error" ng-show="IsTobaccoForm.Input.$error.required"><strong>*Required</strong></span>
    </ng-form>
</td>

我的控制器包含以下代码：

$scope.yesNoList = [{ value: true, text: 'Y' }, { value: false, text: 'N'}];

如果项目的IsTobacco 值为真，则该值设置正确，一切正常。但是，如果它为 false，则会出现所需的错误，即使 {{dep.IsTobacco}} 呈现为 false。真正奇怪的部分是，如果我将列表中的选定项更改为 true，它可以正常工作，但是如果我将其设置为 false，则会将一个新的空白项添加到列表中并选择该空白项。

如果问题似乎不在上面发布的行中，我很乐意发布更多代码。

谢谢！

编辑：我还使用了 chrome 调试器，看到在 Angular 中启动数据时，IsTobacco 的值等于 false。

编辑 2： 如果有人看到这篇文章是 AngularJS 的新手，我绝对推荐阅读这两篇文章：part 1 和 part 2。它们是 AngularJS 表单的概述。

Answer 1

发生这种情况的原因是false 的值在与required 一起使用时被解释为缺少ngModel。正如 here 所讨论的，请考虑 Angular 源代码的以下摘录：

var validator = function(value) {
    if (attr.required && (isEmpty(value) || value === false)) {
        ctrl.$setValidity('required', false);

如果有一个必需的属性并且它的值为false，它不会通过验证。这可能是为了更容易验证所需的复选框而故意的，在这种情况下，未选中的默认值为false。

考虑到复选框可以采用ng-true-value 和ng-false-value 属性，可能不需要这样，但我想要么这样做，要么强制使用非true 和非false 值对于每个复选框上的这些属性，这是更好的选择。

一种解决方法是改用字符串“true”和“false”。