如何将布尔值分配给模型

Question

我有以下带有两个输入单选按钮的视图：

<label>
    <input type="radio" name="test" ng-model="fooBar" 
        value="true" ng-change="logConsole()">
    True
</label>

<label>
    <input type="radio" name="test" ng-model="fooBar" 
        value="false" ng-change="logConsole()">
    False
</label>

我的控制器看起来像：

//Initialization
$scope.fooBar = false;

$scope.logConsole = function () {
    console.log("Value is : " + $scope.fooBar);
    console.log("Type is : " + typeof $scope.fooBar); //Always displays 'string'
};

我的问题是，当用户选择任一单选按钮时，fooBar 模型的类型始终是字符串，即值是字符串“真”或字符串“假”——我想要类型为布尔真值或布尔假值。 如何将布尔值（从视图中）存储到模型中？

编辑：我刚刚尝试过，但仍然无法正常工作。对于 value 属性，我传递了一个返回布尔值 true 或 false 的函数，如下所示：

<input type="text" value="{{getBoolean('true')}}....>

$scope.getBoolean = 函数（值）{ if (value === 'true') 返回真； 否则返回假； };

当单选按钮被选中时，它仍然会产生一个字符串...

Answer 1

the documentation 中的一位 cmets 说：

虽然没有记录 ng-value，但它是一个有用的指令，特别是当您绑定到布尔值时。

<input ng-model="foo" type="radio" value="true"> 

可能不行，但是

<input ng-model="foo" ng-value="true" type="radio"> 

会。