Question

我试图显示绑定到数据模型的输入的当前值。

这是我的输入字段

input(ng-if="edit == $index", type='number', ng-model='item.price')

当我尝试编辑价格字段时，此图显示单个商品的价格。通常在span标记中显示总价格，我将价格乘以数量。

span(ng-if="edit != $index") item.quantity * item.price

如何显示此计算结果而不是单个商品价格作为输入值？

谢谢

Answer 1

我不确定我是否做对了。我写了一个试图重现你的问题的plunker。这是你的问题吗？

<body ng-controller="MyCtrl">
  <input type="number" ng-model="item.price">
  <input type="number" ng-model="item.qty">
  <div>Total: {{item.price * item.qty}}</div>
</body>

angular.module('myApp', []).controller('MyCtrl', function($scope) {
    $scope.item = {
    price: 10,
    qty: 5
  }
});

http://plnkr.co/edit/CnLieDhltMJD2jFp5Tzm

Answer 2

她是一名傻瓜：http://plnkr.co/edit/VIl9OymuqhMartw90hox?p=preview

html：

<input ng-model="item.price" />
<span> {{item.price * item.quantity}} </span>

控制器：

function Ctrl($scope) {
  $scope.item = {'price' : 0 ,'quantity':5};
}

以角度编辑时设置输入值

2 个答案: