Javascript 如何使角度仅影响同一行的模型和范围

我正在制作一个应用程序，其中用户选择一个项目，然后它将显示该项目的价格，用户需要输入数量，我希望我的表单在用户输入数量后自动显示总数量*价格。现在我如何使我的角度只显示那一行的总数，我现在正在做的是改变所有的行，并乘以所有行的所有价格

我希望总计列只显示在同一行输入的总价*数量

js

html

---

因此，如果用户在第一行输入了数量，则总数应仅在第一行的数量*第一行的价格变化。

您对所有项目使用相同的型号数量，您必须使用数量数组，然后尝试ng repeat

如果您的数据数量、价格如下所示：

$scope.items = [{
    "qty": 5,
    "price": 38
}, {
    "qty": 3,
    "price": 22
}, {
    "qty": 1,
    "price": 12
}];

您可以循环使用ng repeat来显示它：

---

您是如何迭代项目列表的？@ManuelObregozo使用jquery ajax。我会看一看谢谢，但是数量应该是输入的，由用户输入，价格不是静态的，因为它取决于用户选择的项目。价格相应地改变，用户需要输入项目的数量。@Charas您如何存储/检索数据呢？@pistou使用jquery ajax，在用户选择列表中的项目之后，使用jquery ajax检索商品价格和更改价格列文本。@Charas My JSON对象与API的ajax结果等效。在这里，我只是告诉你如何显示它。

<div class='container' ng-app='myApp'>
    <table ng-controller='myCtrl'>
        <tr>
            <td><input type='text' class='qty' ng-model='qty'></td>
            <td><div class='price'></td>
            <td><div class='total'>{{ qty * price }}</td>
        </tr>
        <tr>
            <td><input type='text' class='qty' ng-model='qty'></td>
            <td><div class='price'></td>
            <td><div class='total'>{{ qty * price }}</td>
        </tr>
    </table>
</div>

$scope.items = [{
    "qty": 5,
    "price": 38
}, {
    "qty": 3,
    "price": 22
}, {
    "qty": 1,
    "price": 12
}];

<tr ng-repeat="i in items">
  <td>{{i.qty}}</td>
  <td>{{i.price}}</td>
  <td>{{i.qty * i.price}}</td>
</tr>