javascript - 自定义模板和 ng-click Angular Formly

Question

我使用 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>

表格字段:

item.key = key;
item.type = "my_spinner";
item.defaultValue = item.templateOptions.placeholder;
item.controller = function($scope) {
                        $scope.down = function () {
                          $scope.model[$scope.options.key] = $scope.model[$scope.options.key] - 1;
                        };
                        $scope.up = function () {
                          $scope.model[$scope.options.key] = $scope.model[$scope.options.key] + 1;
                        }
    };
}

更新:JSBin 中的代码似乎可以工作 http://jsbin.com/fakunoqeti/edit?html,js,console,output那可能是什么问题呢？我需要一个 angular-formly 专家 D:D:

Answer 1

为什么你的领域是这样的？这不是正确的形式技术。

{
  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) {