Question

我想在他们旁边列出他们的价格和数量字段的产品列表，我希望用户能够将数字传递到数量输入字段，并查看调整后的价格，所以我来了这样的事情：

    <li ng-repeat="product in products">
      {{product.price}} - quantity: <input type="text" value="1" ng-model="prodQuantity"> - {{priceTotalProducts(prodQuantity)}}
    </li>

这肯定不起作用。请指出我正确的方向！

Answer 1

Here is a plunker展示了一种可能的解决方案。

我稍微更改了标记，以便计算总计的函数占用整个产品，输入绑定到quantity的{{1}}属性：

product

这是控制器：

<body ng-controller="Ctrl">
    <ul>
        <li ng-repeat="product in products">
            {{product.price}} - quantity: <input type="text" value="1" ng-model="product.quantity" />
         - {{priceTotalProducts(product)}}
        </li>
    </ul>
</body>

如何通过Angular中的输入字段将数值传递给函数？

1 个答案: