AngularJS set dynamic key in array element

Question

I have trouble to set dynamic array key.

Here is my 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);
    }                   
})

Expected Output

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

Que By setting dynamic input array key i can get empty key values.

Also you can check fiddle.

In this fiddle you can get empty object keys in console.

Thank you !

@OmarEinea It is my primary id for use it while update record. — Jaydeep Mor
– Jaydeep Mor, Commented Dec 30, 2017 at 8:53

Omar Einea · Accepted Answer · 2017-12-30 09:20:28Z

2

If you only want the keys that have been set to exist in the data you send to your server, then use an object instead of an array. like so:

$scope.newName = {};

Instead of:

$scope.newName = [];

This way, what's sent to the server would be:

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

I hope this is what you're looking for.

answered Dec 30, 2017 at 9:20

Omar Einea

2,5327 gold badges25 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS set dynamic key in array element

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related