Question

我有一组4个单选按钮，其中在页面加载时我必须预先选择与ng模型数据匹配的单选按钮，我已经定义了要在值标签和数据中匹配的数据。 ng-value标签，但它不起作用。

A<input type="radio" name="export" value="A" ng-model="item.exportsCat" />
B<input type="radio" name="export" value="B" ng-model="item.exportsCat" />
C<input type="radio" name="export" value="C" ng-model="item.exportsCat" />
D<input type="radio" name="export" value="D" ng-model="item.exportsCat" />

页面加载ng-model =“item.exportsCat”的值为“C”。所以我想要选择C单选按钮。

Answer 1

然后你必须在你的控制器中初始化你的变量，如： $scope.item.exportsCat = 'C';

Answer 2

那对我有用：

JS：

angular.module('myApp', [])
.controller('ControllerFirst',function($scope){
  $scope.item = {
      exportsCat: 'D'
  };
});

HTML：

<div ng-controller="ControllerFirst">
   <input type="radio" name="export" value="A" ng-model="item.exportsCat" />A
            <input type="radio" name="export" value="B" ng-model="item.exportsCat" />B
            <input type="radio" name="export" value="D" ng-model="item.exportsCat" />D
            <input type="radio" name="export" value="C" ng-model="item.exportsCat" />C
</div>

这里有我的jsfiddle，这可行：

https://jsfiddle.net/javierif/ckp27a25/

角度js中的单选按钮绑定

2 个答案: