Question

<p ng-repeat="item in units">
      <label>
        <input type="radio" name="item" ng-model="$parent.selectItem" ng-click="getItemValues(item)"    ng-value="{{item}} "/>
        {{item.productUnit}}
      </label><br/>
    </p>

控制器..

$scope.units.push({
        id: response[j]["productId"],
        itemPrice: response[j].productPrice,
        discountPrice: response[j].discountPrice,
        selected: true,
        productUnit: response[j].productUnit,
        unitId:response[j].unitId

      });

我正在动态显示单选按钮。但我想要检查单选按钮。我尝试了很多方法，但没有工作。请帮帮我......

Answer 1

如果模型具有相同的对象值，则会自动检查带有Angular的单选按钮，换句话说，您的ng-model值必须与ng值相同，在您的情况下 $ parent。 selectItem 需要等于 $ scope.units [someindex]

Answer 2

如果您仍未找到任何解决方案，请按照此片段进行操作。

http://embed.plnkr.co/xjakgbnevTHZwF2pCC7e/preview

<ion-view view-title="Radio button demo">
  <ion-header-bar align-title="left" class="bar-positive">
    <h1 class="title">Chosen option: {{item}}</h1>
  </ion-header-bar>  
  <ion-content>
    <ion-list>
      <ion-radio ng-model="item" ng-value="i.Id" ng-repeat="i in items">{{i.Name}}</ion-radio>
    </ion-list>
  </ion-content>
</ion-view>

.controller("MainCtrl", function($scope) {
  $scope.items = [
    { Id: 1, Name: "Test 1" },
    { Id: 2, Name: "Test 2" },
    { Id: 3, Name: "Test 3" }
  ];

  $scope.item = 2;
});

在angularjs的listview中动态检查单选按钮

2 个答案: