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

【问题标题】：AngularJS set dynamic key in array elementAngularJS在数组元素中设置动态键
【发布时间】：2018-06-10 11:17:14
【问题描述】：

我无法设置动态数组键。

这是我的代码，

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)

阙通过设置动态输入数组key可以得到空key值。

您也可以查看fiddle。

在这个小提琴中，您可以在控制台中获取空对象键。

谢谢！

【问题讨论】：

为什么在ng-model="newName[12]"中指定12？
@OmarEinea 这是我在更新记录时使用它的主要 ID。
你为什么要标记php？
@DhairyaLakhera 好的，我删除了它
那么您的预期结果是什么？

标签： jquery html angularjs

【解决方案1】：

如果您只希望已设置的键存在于您发送到服务器的数据中，请使用对象而不是数组。像这样：

$scope.newName = {};

代替：

$scope.newName = [];

这样，发送到服务器的内容将是：

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

我希望这就是你要找的。p>

【讨论】：