我想使用选择将布尔值设置为true或false，这是我的代码：
<select class="span9" ng-model="proposal.formalStoryboard">
<option value="false">Not Included</option>
<option value="true">Included</option>
</select>
值（proposal.formalStoryboard）正确设置为true或false，但是在已经分配了值之后，更改不会反映在选择框上。
我尝试了ng-value =“ true”和ng-value =“ false”而不只是值，但效果不佳。
Answers:
编辑：评论员指出，我的原始解决方案无法按要求工作。我已经更新了答案，以反映以下其他人给出的正确答案（我无法删除接受的答案）。
对于Angular 1.0.6，请考虑以下HTML：
<div ng-app="">
<div ng-controller="MyCntrl">
<select ng-model="mybool"
ng-options="o.v as o.n for o in [{ n: 'Not included', v: false }, { n: 'Included', v: true }]">
</select>
<p>
Currently selected: <b>{{ mybool }}</b> opposite: {{ !mybool }}
</p>
</div>
</div>
而这个JavaScript：
function MyCntrl($scope) {
$scope.mybool = true;
}
ng-repeat或自定义指令在元素内发布的代码吗？我猜<select>存在存在于不同的范围。
就是这样：
<select ng-model="someModel" ng-options="boolToStr(item) for item in [true, false]">
</select>
并定义：
$scope.boolToStr = function(arg) {return arg ? 'Included' : 'Not included'};
为什么不只使用它呢？
<select class="form-control" ng-options="(item?'Included':'Not Included') for item in [true, false]"></select>
如果您使用的是angularjs版本>= 1.2.0，则可以访问该指令ng-value
您可以使用ng-valueon选项元素。您的html会像这样工作。
<select ng-model="proposal.formalStoryboard">
<option ng-value="true">Included</option>
<option ng-value="false">Not Included</option>
</select>
它还适用于收音机和复选框。
我建议为此使用指令。像往常一样，我尝试远离超时和其他异步操作，而不希望使用更具权威性和直接的控制权。
directives.directive('boolean', function() {
return {
priority: '50',
require: 'ngModel',
link: function(_, __, ___, ngModel) {
ngModel.$parsers.push(function(value) {
return value == 'true' || value == true;
});
ngModel.$formatters.push(function(value) {
return value && value != 'false' ? 'true' : 'false';
});
}
};
});
优先级是专门设置的，因此优先于其他任何指令（通常没有设置优先级，默认为 0）
例如，我将此指令（用于true / false选择）与selectpicker将我的select元素包装在selectpickerbootstrap插件使用。
编辑：
需要说明的是，我忘记提及的是，您的html值必须是字符串值。该指令的作用是在视图和模型之间转换，使模型值保持不变，boolean而视图则采用以下string格式：
%select.selectpicker{ ng: { model: 'modelForm.listed' }, selectpicker: '{ }', boolean: true }
%option{ value: 'true' } Listed
%option{ value: 'false' } Unlisted
这也将起作用。只需通过为该值放置一个角度表达式来强制该值是布尔值即可。
<select class="span9" ng-model="proposal.formalStoryboard">
<option value="{{false}}"
ng-selected="proposal.formalStoryboard === false">
Not Included
</option>
<option value="{{true}}"
ng-selected="proposal.formalStoryboard === true">
Included
</option>
</select>
我创建的样本给你，请检查该出来。
您要使用模型来驱动ui绑定吗？
<div ng-app ng-controller="Ctrl">
<select class="span9" ng-model="proposal.formalStoryboard">
<option value="false">Not Included</option>
<option value="true">Included</option>
</select>
<button ng-click="changeValue();">Click</button>
<div>
function Ctrl($scope) {
$scope.proposal = {};
$scope.proposal.formalStoryboard = true;
$scope.changeValue = function () {
$scope.proposal.formalStoryboard = !$scope.proposal.formalStoryboard;
console.log($scope.proposal.formalStoryboard);
}
}
对于这个令人沮丧的问题，我几乎没有成功。我的解决方案虽然不是很优雅，因为它是另一行代码，但每次都会解决。这可能不适用于每个应用程序。
$scope.myObject.myBooleanProperty = $scope.myObject.myBooleanProperty.toString();
在尝试将其重新绑定到页面上显示的模型之前，将其转换为“真实”字符串可以使其正确选择值。
Angular在绑定到ng-model的值和给定Options中的Values之间进行了严格的比较。初始问题中给出的值是字符串“ false”和“ true”。如果ng-model的值的类型为bool且定义为{“ Value”：false}，则Angulars strict === string和bool之间的比较不匹配，因此选择框为空。
真正的问题是-如果选择一个值，则类型从bool更改为字符串（{“ Value”：false}-> {“ Value”：“ false”}）会导致错误（如果回发）。
对我来说，这两个问题的最佳解决方案就是本帖子中的Thiago Passos。（https://stackoverflow.com/a/31636437/6319374）
<script type='text/javascript'>
function MyCntrl($scope) {<!--from ww w . j a v a 2s. c om-->
$scope.mybool = true;
}
</script>
</head>
<body>
<div ng-app="">
<div ng-controller="MyCntrl">
<select ng-model="mybool">
<option value="false">Not Included</option>
<option value="true">Included</option>
</select>
<p>
Currently selected: {{ mybool }}
</p>
</div>
</div>
</body>
</html>
<select ng-model="$ctrl.request.invoiced" class="form-control input-lg"> <option ng-value="undefined">All</option> <option ng-value="false">Not Invoiced</option> <option ng-value="true">Invoiced</option> </select>