Angularjs多个单选按钮,如果只有一个,则自动选择

Angularjs多个单选按钮,如果只有一个,则自动选择,angularjs,radio-button,ng-repeat,Angularjs,Radio Button,Ng Repeat,我成功构建了多个相关单选按钮的angularjs应用程序 但如果只有一个单选按钮,则需要默认选择一个单选按钮 在中试用了该功能,但它不适用于多个单选按钮 代码说明: HTML代码: 我有两个单选按钮。根据第一组单选按钮生成第二组单选按钮 <div> <ul > <li> Part One : </li> <li ng-repeat="f in

我成功构建了多个相关单选按钮的angularjs应用程序

但如果只有一个单选按钮,则需要默认选择一个单选按钮

在中试用了该功能,但它不适用于多个单选按钮

代码说明:

HTML代码: 我有两个单选按钮。根据第一组单选按钮生成第二组单选按钮

<div>
            <ul >
              <li> Part One : </li>
                        <li ng-repeat="f in Input"><input type="radio" name="oneInput" ng-value="f" ng-model="$parent.One">&nbsp;{{f.Name}}&nbsp;</input></li>
    </ul>
    </div><br/>
    <div>
              <ul>
                  <li> Part Two : </li>
                  <li ng-repeat="u in filteredUser = (One.User | filter: { Valid: 'Y' })"><input type="radio" name="userInput" ng-value="u" ng-model="$parent.Two">&nbsp;{{u.Name}}&nbsp;</input></li>
            </ul>
    </div><br/>

  • 第一部分:
  • {{f.Name}

  • 第二部分:
  • {{u.Name}

如果我在第一组中选择了一个单选按钮,而第二组中只有一个单选按钮,则默认情况下必须选择它

例如,如果我选择D,我会得到必须选择的D2单选按钮

完整代码@

感谢您的回复。

请看这里:

 $scope.$watch('One', function(value) {

    if (value.Name) {

      var users = $filter('filter')($scope.Input, value);

      var vaildUsers = $filter('filter')(users[0].User, {
        Valid: "Y"
      });


      if (vaildUsers.length == 1) {

        $scope.Two = vaildUsers[0];

      } else

      {

        $scope.Two = {};

      }
    }

  });