Angularjs单选按钮的默认值不起作用

时间:2015-01-20 06:37:59

标签: angularjs listbox radio-button default-value checked

我是新来的,这是我的第一篇文章。如果我做错了,请告诉我,谢谢。

最近,我正在使用angularjs在帐户管理页面上工作。设置默认选中性别单选按钮时,我遇到了问题。我在数据库中使用bit来记录性别,是的,我已经尝试过ng-value但是它没有用。这是我的代码:



    var module = angular.module("MainApp", []);

    module.controller('GlobalCtrl',
    function ($scope, $http) {
        $scope.testerSet = [{ name: 'Ysoda', Gender: true, age: 9 }, { name: 'Lydia', Gender: false, age: 9 }];

        $scope.setCurrentTester = function () {
            if ($scope.testerCollection[0] != null) {
                $scope.currentTester = $scope.testerCollection[0];
                // $scope.$apply();
            }
        };
    });

            <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

            <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>

            <div ng-app='MainApp'>
                <div ng-controller='GlobalCtrl'>
                    {{testerSet[0].name}}
                  <select multiple ng-model="testerCollection" style="width: 100%; height: 400px" ng-options="tester.name for tester in testerSet" ng-change="setCurrentTester();">
                  </select>
                  
                  <div>
                                                    <label>Gender:</label>
                                                    {{currentTester.name}}
                                                    {{currentTester.Gender}}
                                                    <label><input type="radio" runat="server" name="genderSet" ng-model="currentTester.Gender" ng-value=true id="radioMale" /> Male</label>
                                                    <label><input type="radio" runat="server" name="genderSet" ng-model="currentTester.Gender" ng-value=false id="radioFemale" /> Female</label>
                                                </div>
                </div>
            </div>
&#13;
&#13;
&#13;

我使用多个选择将选择显示为列表框,我认为这可能是它无法工作的原因。我花了好几个小时在这个小按钮上工作,我只是不知道为什么名字和帐户以及所有其他数据都能正常工作,但性别广播盒却没有。

我使用{{currentUser.Gender}}来检查值,值显示正确。但是,默认检查仍然无效。

感谢您的时间。

1 个答案:

答案 0 :(得分:2)

<input type="radio" runat="server" name="genderSet" ng-model="currentUser.Gender" ng-value=true id="radioMale" /> Male

ng-value = &#34; true&#34; 给出没有引号的值 ng-value = true