Question

products = [{"id":null,"classId":1,"multiplier":2,"name":"Deve","units":2},{"id":null,"classId":1,"multiplier":2,"name":"Site","units":2}]

我有来自ajax调用的这个JSON对象（产品）。我使用ng-repeat并希望将值（单位和乘数的乘积）赋值给value属性。我在我的模板中这样做，但值没有分配。当我在浏览器中检查值时，我只看到分配给值的字符串（{{（p.units）*（p.multiplier）}}）。

<tr ng-repeat="p in products>
<td>
<div value="{{(p.unit) * (p.multiplier)}}" fs-counter data-min="0" data-max="10" data-step="{{p.multiplier}}" data-width="75px" data-change="productUnitsChanged(p)">
</td>
</tr>

有人能建议我将价值产品（例如：4）分配给价值的正确解决方案吗？我正在使用角度计数器指令 - https://github.com/Firestitch/angular-counter

由于

Answer 1

firestitch指令的value属性不能是表达式，这意味着它不能成为双花括号中的某个东西。它必须是一个变量。这样的事情会起作用：

<div value="p.multiplier" fs-counter data-min="0" data-max="10" data-step="1" data-width="75px"">

但是这样的事情不起作用：

<div value="{{p.multiplier}}" fs-counter data-min="0" data-max="10" data-step="1"

angularjs模板中ng-model的值的乘积

1 个答案: