AngularJS在数组元素中设置动态键

时间:2017-12-30 08:49:29

标签: jquery html angularjs

我无法设置动态数组键。

这是我的代码,

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 通过设置动态输入数组键,我可以获得空键值。

Empty Object

您也可以查看fiddle

在这个小提琴中你可以在控制台中获得空对象键。

谢谢!

1 个答案:

答案 0 :(得分:2)

如果您只想在发送到服务器的数据中存在已设置的密钥,则使用对象而不是数组。像这样:

$scope.newName = {};

而不是:

$scope.newName = [];

这样,发送到服务器的内容将是:

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

我希望这是你正在寻找的。