创建json数组并在angularjs中点击按钮添加对象
在AngularJS中创建JSON数组并通过点击按钮添加对象的步骤如下：
- 在HTML文件中，创建一个按钮和一个用于显示JSON数组的区域：
<button ng-click="addObject()">添加对象</button>
<div ng-repeat="obj in jsonArray">
{{ obj }}
</div>- 在AngularJS的控制器中，定义一个空的JSON数组，并创建一个函数来添加对象：
angular.module('myApp', [])
.controller('myController', function($scope) {
$scope.jsonArray = [];
$scope.addObject = function() {
var newObject = {
// 在这里定义新对象的属性
};
$scope.jsonArray.push(newObject);
};
});- 在应用的入口文件中，将控制器与HTML绑定：
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
<script src="app.js"></script>
</head>
<body>
<div ng-controller="myController">
<!-- 在这里插入HTML代码 -->
</div>
</body>
</html>这样，每次点击"添加对象"按钮时，AngularJS会调用addObject函数，向JSON数组中添加一个新的对象。新对象的属性可以根据需求进行定义。在HTML中使用ng-repeat指令来遍历JSON数组，并显示每个对象的内容。
请注意，以上示例中没有提及任何特定的云计算品牌商，因为这与创建JSON数组并在AngularJS中点击按钮添加对象的功能无关。如果您需要在云计算环境中使用AngularJS，您可以考虑使用腾讯云的云服务器CVM来托管您的应用程序，并使用腾讯云的云数据库MySQL来存储数据。您可以在腾讯云官方网站上找到有关这些产品的更多信息和文档。
相关·内容
我有带有日期时间字段和状态(开/关)字段的表单，我已经将它们组合在一个json对象{"time":"2002-03-01T03:01:00.000Z","status":"off"} onclick添加按钮中，我需要将这个对象添加到json数组中，结果应该是这样的：
[{"time":"2002-0
浏览 4提问于2018-09-05得票数 0
1回答
因此，我尝试用jquery和单选按钮创建一个测试。这个链接就是我想要做的一个例子。。我想要创建一个对象来存储这样的问题和答案。
浏览 7提问于2013-11-28得票数 0
我有一个REST API，它的响应是json (对象数组)。
我想在我的视图中提供一个类似“下载结果到CSV”的按钮，当用户点击链接时，csv文件应与逗号分隔值一起下载。在angularjs中实现这一点的最好方法是什么？
浏览 1提问于2015-03-18得票数 0
使用最新的AngularJS版本(1.3.0-rc.5)，我正在检索一个包含人名的简单JSON对象。JSON对象的示例：我不知道如何将所有的名称放入一个关联Javascript
浏览 3提问于2015-02-20得票数 0
回答已采纳
创建我的第一个AngularJS应用程序。
ng-重复：er加载标题.每个标题都是可点击的。单击标题时，ajax调用将获得更多的JSON数据。我需要在点击的标题下添加这些数据。通常情况下，我会以字符串的形式创建HTML并将其附加到源代码中。但是，由于我使用的是AngularJS，应该有一种方法可以用HTML创建一个部分视图，并在其中创建另一个ng--重复。
浏览 0提问于2013-05-16得票数 7
如何在点击" create“按钮时将对象的最后一个状态添加到数组中并创建新的干净准备继续，如果点击" continue”按钮只修改实际对象，现在是否修改了sections数组中的所有对象？section.add();
$("body").append("<br>Add to array at
浏览 4提问于2012-05-17得票数 0
回答已采纳
我想在Angularjs中创建json对象。当单击add on addBasket时，将新的篮子对象添加到数组中；当单击addOrder时，将新订单添加到数组中。事实上，日期字段不会在循环中重复。用这种方式创建json对象好吗？也可能是创建json对象的好的解决方案。
编辑问
浏览 1提问于2015-07-30得票数 0
3回答
count: 2}, {count: 3}]}, {id: 2, prices: [{count: 2}]}, {id: 3, prices: [{count: 3}]}];
如果对象在数组中有一个属性，则pr
浏览 2提问于2016-08-29得票数 0
当单击“使用ajax附件数据”按钮时，我有一个页面或
让后端创建一个html，我也尝试过angularjs，获得JSON ->模板->浏览器
浏览 3提问于2016-10-07得票数 1
回答已采纳
1回答
如何通过单击绘制多条多段线？
、、、、
我正在寻找一个解决方案，但所有的都是如何从json文件等绘制折线等主要问题是如何获得功能，以创建一个新的折线和存储在数组中的旧每次点击按钮“新折线”？第二，如何在点击“新建折线”按钮后离开折线并在地图上绘制新的折线，以及只有在单击右键时才能清除和恢复？可能更好的方法是将Polyline存储在类之外，或者为此创建一个新的单独类？糟糕的演示，但突出了我希望的意思：
数组已移动到全局作用域，但仅通过cle
浏览 0提问于2012-04-28得票数 0
回答已采纳
1回答
我目前正在构建一个应用程序，其目标是用户可以通过点击单元格内的按钮将图像上传到所需的集合视图单元格中。到目前为止，我已经能够选择一个图像，但它永远不会到达指定的单元格。
浏览 12提问于2016-09-10得票数 0
1回答
我正在开发一个简单的angularjs应用程序，它可以创建列表并允许用户通过local-storage在这些列表中存储任何内容。用户能够保存他们的列表，并在稍后从local-storage中再次打开它们，并继续向它们添加项。 localStorage["list
浏览 2提问于2014-08-15得票数 1
回答已采纳
问:我为ex: listArray[]提供了一系列对象。在这个数组中，我有1000个对象，我想在表中显示10个对象。在桌子下面任何人请帮帮我。
浏览 4提问于2014-12-11得票数 0
回答已采纳
有一个网页，是建立在AngularJS上的一个登录名。我尝试了几种方法。提交数组，在js中创建json对象并发送。但是什么都不起作用。js创建一个json并将其与表单一起发送。问题是，在请求中，像{}和‘“这样的符号编码如下：
%22%3A
浏览 3提问于2019-01-22得票数 1
如何使用AngularJS的ng-重复访问json对象中的数组中的对象？这是我的代码：
浏览 4提问于2014-03-06得票数 1
回答已采纳
我只是尝试从PHP获取一个键值对数组，并将响应发送回AngularJS $http GET请求：<?php$data = [{"id" => 1, "name" => 'Audi'}, {"id" => 2, "name" => 'BMW
浏览 5提问于2021-06-29得票数 0
在这里使用angularjs： 我有如下的对象数组。下面的示例显示了2个对象，但它可以显示2个以上的对象。"Utah", }, "text": "New York", } }
] 我想创建一个json，如下所示：
浏览 29提问于2019-05-24得票数 0
回答已采纳
1回答
我有一个对象数组，每个对象都包含子对象。此数组在ng-repeat中用于打印数据表。，它将对象展平为一个字符串，并在整个字符串中搜索输入的查询(不仅允许搜索外部对象，还允许搜索内部对象)。到目前为止，我已经尝试了两种方法，第一种方法是拼接我想要从数组中移除的对象，这会导致过滤器永久生效，这是不需要的(一旦对象被过滤掉，它就会被永久移除)。，并向新
浏览 0提问于2015-07-02得票数 2
1回答
用较少的表造型
、、
这个问题是关于在AngularJS指令中创建的表的样式。我有一个从HTML文件传递给指令的对象数组。该指令创建一个表，并在一行中显示数组的每个对象。现在我的问题是：在每个对象中都有一个自定义的JSON字段，称为name。造型是由较少的技术完成的，我希望在'name == david'的每一行后面都有一条粗的分隔线。我的一般问题是如何在较少的文件中</em
浏览 3提问于2017-04-07得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
