ng单选按钮中的型号更改

ng-model changes of type in radio button

本文关键字：单选按钮 ng      更新时间：2023-11-04

请注意这个例子：

JSFiddle样品


    <div ng-controller="myCtrl">
    var ng-model = {{myValue}} - {{myType}}
       <input type="radio" value="true" 
    name="boolean" ng-change="logIt()" ng-model="myValue" /> True
        <input type="radio" value="false" 
    name="boolean" ng-change="logIt()" ng-model="myValue" /> False
    </div>
    var myApp = angular.module('myApp',[]);
    function myCtrl($scope)
    {    
        $scope.myValue = true; //does not work
        //$scope.myValue = 'true'; //it does work
        $scope.myType =(typeof $scope.myValue);    
        $scope.logIt=function(){
            $scope.myType =(typeof $scope.myValue);
        }
    }

正如您所看到的，最初typeof的类型是布尔型，但在选择一个值后，它会变为字符串，并且true不等于"true"。有没有什么方法可以让angular保持原来的类型。

在这一点上，我正在考虑写我自己的指令来控制这种行为，但角度改变原始类型看起来不对，我是对的吗？。

使用ng-value和angular将处理转换回布尔值：

这是更新后的jsfiddle。

和强制性代码：

<div ng-controller="myCtrl">
    <h1>Sample 1- Booleans</h1>
var ng-model = {{myValue}} - {{myType}}
    <br />
    <input type="radio" ng-value="true" name="boolean" ng-change="logIt()" ng-model="myValue" /> True
    <input type="radio" ng-value="false" name="boolean" ng-change="logIt()" ng-model="myValue" /> False 
</div>
相关文章：