javascript - ANGULAR 中的增量数字不起作用

Question

我正在做一个应用程序，当您点击输入 时会显示一个虚拟键盘。减量应该是减量 ng-model food.Pezzi，它工作正常。但是增量不起作用:它添加了一个“1”。为什么？ PLUNKER CODE

(奇怪的是你在按增量之前先按减量，增量有效....)

标记

<td>
    <a data-role="button" data-theme="e" ng-click="food.Pezzi = food.Pezzi-1; " 
      style="background-color: rgba(246, 246, 246, 0.2); border-color: rgba(0, 0, 0, 0.27); text-shadow: 0px 1px 0px #F3F3F3;color: #333;">
         Decrement
  </a>
</td>
<td>
    <a data-role="button" data-theme="b" class="zero" ng-click='food.Pezzi=food.Pezzi.toString()+"0"'>
        0
    </a>
</td>
<td>
    <a data-role="button" data-theme="e" class="pos" ng-click='food.Pezzi = food.Pezzi + 1' 
      style="background-color: rgba(246, 246, 246, 0.2); border-color: rgba(0, 0, 0, 0.27); text-shadow: 0px 1px 0px #F3F3F3;color: #333;">
        Increment
      </a>
</td>

谢谢你的建议

Answer 1

将代码更改为 var itemToClone = { "Selection": "", "Pezzi": 0 }; 而不是 var itemToClone = { "Selection": "", "Pezzi ": ""};。您正在使用一个空字符串进行初始化，以将其附加到字符串而不是添加数字。

其他地方也一样。修改输入后，您必须使用 parseInt 对字符串进行类型转换。

更新

这很奇怪。让我们像这样在您的 Controller 中添加一个方法:

$scope.inc = function(food) {
    food.Pezzi = food.Pezzi || "0"
    food.Pezzi = parseInt(food.Pezzi.toString()) + 1;
};

现在，将增量按钮的 ng-click 修改为如下所示:ng-click="inc(food)"