显示基于所选单选按钮的详细信息

Displaying details based on selected radio button

本文关键字：详细信息 单选按钮 于所选 显示      更新时间：2023-09-26
$scope.units.push({
  id: response[j]["productId"],
  itemPrice: response[j].productPrice,
  discountPrice: response[j].discountPrice,
  productUnit: response[j].productUnit
});

我有一个单位数组。它包含id, itemprice..字段和数据。我正在显示基于产品单元的单选按钮。(我的意思是产品单元的数量等于单选按钮的数量)。如果我选择单选按钮，那么我想显示特定的项目价格，折扣价格。如何实现呢?

那么，您将选定的项目分配给一个名为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的作用域。

相关文章：