Modello personalizzato e ng-clic Angolare Formalmente

Question

Ho un problema con un modello personalizzato che ho creato utilizzando Angular Formly. Il modello ha un testo di input e due pulsanti per diminuire e aumentare il valore del modello di questo input. Il problema è che il pulsante giù funziona e riduce il modello correttamente, ma il pulsante su non aumenta e invece esegue la stessa azione di $ scope.down(). Cosa ho sbagliato?

HTML Template:

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

formly campo:

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; 
         } 
    }; 
} 

Aggiornamento: il codice in JSBin sembra funzionare http://jsbin.com/fakunoqeti/edit?html,js,console,output così quello che potrebbe essere il problema? Ho bisogno di un esperto in forma angolare D: D:

Answer 1

perché i tuoi campi sono così? quella non è una tecnica formale adeguata.

{ 
    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]++; 
    }; 
    } 
} 

questo è il primo posto in cui iniziare ... inserirlo nel formato corretto.

Poi, se questo non funziona, mi piacerebbe passare nella proprietà dell'indice $ nella funzione ng-clic: ng-click="up($index)" e quindi modificare la funzione di $scope.up = function(index) {