javascript - 我如何增加和减少angularjs中的值?

标签 javascript angularjs

我最初有一个值 - 我们称它为 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>

最佳答案

这应该行得通,

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

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

关于javascript - 我如何增加和减少angularjs中的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27227535/

相关文章:

javascript - 关闭使用 Angularjs 制作的 Android 应用程序中的子窗口

javascript - AngularJs + Strope.js 接收消息

javascript - 如何在Angular js中处理多个异步post方法?

javascript - 在路由中运行 .run 时从 Angularjs 中的 url 中删除 #

javascript - 当绑定(bind)到 AngularJS 中的函数时,幕后会发生什么

mysql - 带有对象的表上的复选框过滤

javascript - 复选框的多维数组?

javascript - 将选中的项目推到列表顶部

javascript - 如何制作像 Google chrome find (Ctrl + F) 这样的过滤器组件来检测文本并更改其背景颜色

angularjs - Nginx Cors设置在Docker容器中不起作用