javascript - 根据选定的单选按钮显示详细信息

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

我有单位数组。它包含id，itemprice..fields和数据。
我正在显示基于productunits的单选按钮。
（我的意思是productunit的数量等于单选按钮的数量）。如果我选择单选按钮，那么我想显示特定的物品价格，折扣价格。
如何实现呢？

最佳答案

好吧，您正在将所选项目分配给名为selectedPerson至ng-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的作用域。

关于javascript - 根据选定的单选按钮显示详细信息，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40305414/