AngularJS dynamischen Schlüssel in Array-Element

Question

Ich habe Schwierigkeiten, dynamische Array-Schlüssel festlegen.

Hier ist mein Code,

HTML

<div ng-controller="myCtrl"> 
    <form ng-submit="sendPost()"> 
     <input ng-model="newName[12]"/> 
     <button type="submit">Send</button> 
    </form> 
</div> 

-Controller

angular.module('myApp', []) 
.controller('myCtrl', function ($scope, $http) { 
    $scope.hello = {name: "Boaz"}; 
    $scope.newName = []; 
    $scope.sendPost = function() { 
      console.log($scope.newName); 
    }     
}) 

Erwartete Ausgabe

[12] => 13 (Input value) 
[15] => 14 (Input value) 

Que Durch Einstellung der dynamischen Eingabe-Array-Taste kann ich leere Schlüsselwerte erhalten.

Sie können auch fiddle überprüfen.

In dieser Geige können Sie leere Objektschlüssel in der Konsole erhalten.

Vielen Dank!

Answer 1

Wenn Sie nur die Schlüssel verwenden möchten, die in den Daten festgelegt sind, die Sie an Ihren Server senden, verwenden Sie ein Objekt anstelle eines Arrays. so wie:

$scope.newName = {}; 

Statt:

$scope.newName = []; 

Auf diese Weise, was an den Server gesendet wird wäre:

{ 
    12: "Input value", 
    15: "Input value" 
} 

Ich hoffe, das ist das, was Sie suchen.