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

标签 jquery html angularjs

我在设置动态数组键时遇到问题。

这是我的代码,

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);
    }                   
})

预期输出

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

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

Empty Object

您还可以查看fiddle .

在此 fiddle 中,您可以在控制台中获取空对象键。

谢谢!

最佳答案

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

$scope.newName = {};

而不是:

$scope.newName = [];

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

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

我希望这就是您正在寻找的内容。

关于jquery - AngularJS 在数组元素中设置动态键,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48032358/

相关文章:

jquery - 我可以撤消 event.stopPropagation

javascript - 在一个表单字段中获取多个用户输入

javascript - HTML5 和 Javascript 字符保存

html - 无论浏览器大小如何,用于学习设计流畅网站的html/css原理的 Material ?

javascript - 你如何让 ReactJS 成为 AngularJS 的 MVC 架构中的 'V'?

javascript - Bootstrap3 中列宽之和大于 12 时出现奇怪的效果?

javascript - 使用 angular.js 访问和修改在模板中启动的模型

jquery - 删除 :focus with jquery

javascript - fullcalendar-仅获取用户选择的事件

jquery - 双击td值时如何编辑它