Angularjs多个单选按钮,如果只有一个,则自动选择
我成功构建了多个相关单选按钮的angularjs应用程序 但如果只有一个单选按钮,则需要默认选择一个单选按钮 在中试用了该功能,但它不适用于多个单选按钮 代码说明: HTML代码: 我有两个单选按钮。根据第一组单选按钮生成第二组单选按钮Angularjs多个单选按钮,如果只有一个,则自动选择,angularjs,radio-button,ng-repeat,Angularjs,Radio Button,Ng Repeat,我成功构建了多个相关单选按钮的angularjs应用程序 但如果只有一个单选按钮,则需要默认选择一个单选按钮 在中试用了该功能,但它不适用于多个单选按钮 代码说明: HTML代码: 我有两个单选按钮。根据第一组单选按钮生成第二组单选按钮 <div> <ul > <li> Part One : </li> <li ng-repeat="f in
<div>
<ul >
<li> Part One : </li>
<li ng-repeat="f in Input"><input type="radio" name="oneInput" ng-value="f" ng-model="$parent.One"> {{f.Name}} </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"> {{u.Name}} </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 = {};
}
}
});