根据所选单选按钮

时间:2016-10-28 12:45:02

标签: javascript angularjs json ionic-framework

$scope.units.push({
  id: response[j]["productId"],
  itemPrice: response[j].productPrice,
  discountPrice: response[j].discountPrice,
  productUnit: response[j].productUnit
});

我有单位数组。它包含带有数据的id,itemprice..fields。 我正在显示基于productunits的单选按钮。 (我的意思是productunit的数量等于单选按钮的数量)。如果我选择单选按钮,那么我想显示特定的itemprice,discountprice。 如何实现呢?

1 个答案:

答案 0 :(得分:1)

好吧,您要将所选项目分配给名为selectedPersonng-model的范围变量。因此,您只需在ng-repeat范围之外打印数据即可。类似的东西:

<p ng-repeat="item in units ">
    <label>
        <input type="radio" name="item" ng-model="selectedPerson" ng-value="item"/>
        {{item.productUnit}}
    </label>
</p>
<p>{{selectedPerson.itemPrice}} {{selectedPerson.discountPrice}}</p>

重要提示:不要忘记在控制器中初始化$scope.selectedPerson = {},以便selectedPerson属于您的控制器范围,而不是ng-repeat的范围。< / p>