Question

我花了很多时间尝试我在SO上找到的解决方案，但似乎没有什么对我有用。我根据我在下面发现的解决方案创建了jsfiddle ......但仍然无法正常工作。

有一些问题： 1）所选无线电的默认设置不起作用 2）选择单选按钮时，它不会更新模型，但似乎要将其擦除

请看看我的小提琴，如果我做了一些完全愚蠢的事情，请告诉我。 https://jsfiddle.net/findjon/z99dp7nq/

的index.html

<div class="radio" data-ng-repeat="option in pudoOptions">
   <input type="radio" data-ng-model="selected.deliveryType" data-ng-value="deliveryType" />{{ option.name }}
</div>
{{ selected.deliveryType }}

控制器

$scope.pudoOptions = [{name:'standard'},{name:'nextDay'}];
$scope.selected = {
  deliveryType : $scope.pudoOptions[0]
};

Answer 1

似乎您的代码需要进行一些更改。

<div ng-app="testApp" ng-controller="testController">

    <div class="radio" ng-repeat="option in pudoOptions">
      <input type="radio" ng-model="selected.deliveryType" value="{{option.name}}" name="deliverType"/>
      {{ option.name }}
    </div>

    {{ selected.deliveryType }}
</div>

在controller.js中：

var app = angular.module('testApp', []);

app.controller('testController', ['$scope', function($scope) {

  $scope.pudoOptions = [{name:'standard'},{name:'nextDay'}];

  $scope.selected = {
    deliveryType : $scope.pudoOptions[0].name
  };

}]);

它为我工作。

Answer 2

试试这个

<div ng-app="testApp" ng-controller="testController">

    <div class="radio" ng-repeat="option in pudoOptions">
      <input name ="rname" type="radio" ng-model="selected.deliveryType" ng-value="option" />
      {{ option.name }}
    </div>

    {{ selected.deliveryType }}
</div>

Angular Radio按钮不适用于模型

2 个答案: