配列要素のAngularJS動的キーを設定

Question

動的配列キーを設定する際に問題があります。

ここ

私のコードは、

HTML

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

コントローラ

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

予想される出力

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

Que動的入力配列キーを設定すると、空のキー値を得ることができます。

また、あなたはfiddleを確認することができます。

このフィドルでは、コンソールで空のオブジェクトキーを取得できます。

ありがとうございました！

Answer 1

サーバーに送信するデータに存在するように設定されているキーのみを使用する場合は、配列の代わりにオブジェクトを使用します。そのように：代わりの

$scope.newName = {}; 

：

$scope.newName = []; 

この方法で、サーバーに送信されているもののようになります。

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

は、私は、これはあなたが探しているものであると思います。