如何增加和减少angularjs中的值？

Question

我最初有一个值 - 让我们称之为x.选择增量按钮应该增加"+1"值.如果我选择减量,则x应减少-1.

然而,实际发生的是,当我按下增量按钮时,它会增加+1,但如果我点击减少,它会减少-2.它应该只增加/减少1个值.也不需要连续迭代(count ++和count--).如果将"count"作为变量放在.js文件中,而不是在html中将其称为ng-init ="count = 15",那会更好.

JsBin

<div ng-controller="CounterController">
  <button ng-click="count = {{count}}+1" ng-init="count=15">
    Increment
  </button>
  count: {{count}}

  <button ng-click="count = {{(count) - 1}}">
    Decrement
  </button>
<div>

Answer 1

这应该工作,

<div>
    <button ng-click="count = count+1" ng-init="count=15">
        Increment
    </button>
    count: {{count}}

    <button ng-click="count = count - 1">
        Decrement
    </button>
<div>

Answer 2

问题是因为您在 ng-click 中使用“{{”，它在那里插入值，所以在角度“渲染”之后，实际代码如下所示：

<div ng-controller="CounterController">
  <button ng-click="count = 15+1" ng-init="count=15">
    Increment
  </button>
  count: {{count}}

  <button ng-click="count = 15 - 1">
    Decrement
  </button>
<div>

但你想要参考。所以只要删除'{{'和'}}'就可以了。