Javascript 自定义模板并单击“角度模板”

我用Angular Formly制作的自定义模板有问题。该模板有一个输入文本和两个按钮，用于减少和增加该输入的模型值。问题在于，向下按钮可以正常工作并减少模型，但向上按钮不会增加，而是执行与$scope.down（）相同的操作。我怎么了

HTML模板：

  <span class="spinner">
    <button class="button decrease" ng-click="down()"></button>
    <input type="text" ng-model="model[options.key]" name="{{options.key}}" />
    <button class="button increase" ng-click="up()"></button>
  </span>

---

更新：JSBin中的代码似乎可以工作，那么这可能是什么问题呢？我需要一个棱角分明的专家D:D:

为什么你的领域是这样？那是不恰当的形式技巧

{
  key: 'myKey',
  type: 'my_spinner',
  defaultValue: 'to.placeholder',
  templateOptions: {
      placeholder: 'myValue'
  },
  controller: function($scope) {
     $scope.down = function () {
       $scope.model[$scope.options.key]--;
     };
     $scope.up = function () {
       $scope.model[$scope.options.key]++;
     };
  }
}

这是我要开始的第一个地方…把它放在正确的格式

---

然后，如果这不起作用，我会在ng click函数中传入$index属性：

ng click=“up（$index）”

，然后将函数更改为

$scope.up=function（index）{

考虑到它现在可以工作，很难确定问题所在。console中有错误吗？没有错误。我只是注意到，即使单击文本输入，也会导致首先出现的ng click事件。这似乎是一个事件传播问题，但尝试插入$event.stopPropagation（）没有任何区别…我还想知道另一种方法来做同样的事情来绕过这个特定的问题。任何帮助都将不胜感激！感谢您在执行加减操作之前在

$scope.model[$scope.options.key]

上使用

parseInt

。

{
  key: 'myKey',
  type: 'my_spinner',
  defaultValue: 'to.placeholder',
  templateOptions: {
      placeholder: 'myValue'
  },
  controller: function($scope) {
     $scope.down = function () {
       $scope.model[$scope.options.key]--;
     };
     $scope.up = function () {
       $scope.model[$scope.options.key]++;
     };
  }
}