如何使用AngularJs将所有对象推送到另一个数组中

AngularJS是一种流行的前端开发框架，它可以帮助开发人员构建动态的Web应用程序。要将所有对象推送到另一个数组中，可以使用AngularJS的一些内置功能和方法。

首先，确保在HTML页面中引入了AngularJS库文件。然后，在JavaScript代码中创建一个AngularJS应用程序，并定义一个控制器来处理数据。

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
</head>
<body>

<div ng-app="myApp" ng-controller="myCtrl">
    <button ng-click="pushObjects()">将对象推送到另一个数组</button>
    <ul>
        <li ng-repeat="object in objects">{{ object }}</li>
    </ul>
</div>

<script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        $scope.objects = ['对象1', '对象2', '对象3'];

        $scope.pushObjects = function() {
            var newArray = angular.copy($scope.objects);
            $scope.objects.push.apply($scope.objects, newArray);
        };
    });
</script>

</body>
</html>

在上面的代码中，我们创建了一个AngularJS应用程序，并定义了一个名为myCtrl的控制器。控制器中的$scope.objects是一个包含一些对象的数组。

在HTML页面中，我们使用ng-repeat指令来遍历$scope.objects数组，并将每个对象显示为列表项。

当点击按钮时，pushObjects函数会将$scope.objects数组中的所有对象复制到一个新数组newArray中，并使用push.apply方法将新数组中的对象推送到$scope.objects数组中。

这样，当我们点击按钮时，所有对象都会被推送到$scope.objects数组中，并在页面上显示出来。

这是使用AngularJS将所有对象推送到另一个数组的基本方法。关于AngularJS的更多信息和学习资源，可以参考腾讯云的AngularJS产品介绍页面：AngularJS产品介绍。

使用工厂/服务在控制器AngularJS之间推送数组中的数据

javascript、angularjs、ionic-framework

我是AngularJS的新手，正在尝试弄清楚如何在控制器之间推送对象数组数据(而不是输入字符串)。目前，我的代码将数据推送到一个控制器(‘ChooseTabCtrl’)中，但我希望推送到另一个控制器('ListTabCtrl')，以便在另一个页面上显示列表。

浏览 0提问于2016-04-19得票数 0

1回答

每隔三个帖子从类别中拉出一篇帖子

wordpress

我正在尝试显示每三个帖子显示一条推文。我正在将所有的推文推送到一个数组中，并将普通帖子推送到另一个数组中。基本上，我想要做的是，如果计数器= %3，那么从tweet数组中拉出一个帖子，否则从普通的帖子数组中拉出它。有人能教我怎么做吗？或者有没有其他更好的方法？詹姆斯 <?

浏览 1提问于2012-04-05得票数 0

2回答

AngularJS向json对象添加数组

javascript、arrays、angularjs

这是一个AngularJS 1.4.7问题。我将数据从前面的类型字段推送到另一个数组。CustomerCode" : "C232", "Products" : ["

浏览 3提问于2015-10-09得票数 1

回答已采纳

3回答

如何使用AngularJs将所有对象推送到另一个数组中

javascript、angularjs、arrays

我有两个数组， { fName:'Alex', lName='Doe' },] { fName:'Jerry', lName='L', email:'jerry@gmail.com' }我需要将第二

浏览 39提问于2017-08-25得票数 0

回答已采纳

1回答

AS3 -是否有可能对同一数组中的对象进行相互测试？

actionscript-3、collision-detection、hittest

我正在制作这个项目，允许玩家推送对象。我可以使用"for“循环很好地针对对象数组测试播放器，并且可以四处移动对象。这些块都被推入到自己的数组中，那么我如何才能相互测试它们呢？

浏览 0提问于2012-08-10得票数 0

回答已采纳

2回答

使用数组方法将项添加到新数组中

javascript、arrays、function

在数据测试方面有困难，无法获得我的函数来完整地返回新数组(它在第一项时停止)。下面是我的函数正在测试的对象： var order1 =我想我需要一个不同的数组方法来返回新的数组(目前使用“concat”)。这是我的终端正在返回的错误消息：listOrdersAssertionE

浏览 2提问于2021-08-28得票数 0

回答已采纳

1回答

使用javascript过滤器进行多选，但有一些问题

javascript、arrays、angularjs

在angularjs中使用multiselect指令的最佳方式我正在用angularjs开发一个多选指令(它必须在这个技术中，因为这个项目在angularjs上工作)。该指令与一个inputdata数组和另一个ouputdata数组一起工作，输入数据中的所有"cheked: true"都保存在输出数据中。我想知道是否有一种更好的方式将每个带有所提到的属性(ch

浏览 2提问于2019-11-26得票数 1

3回答

数组不会替换索引处的值。

javascript

无法替换数组中对象的值：稍后，我将另一个数组复制到此数组中：并打印它，以检查--实际上是--我在数组中得到了正确的3个文件。console.log(uploadedProductPhotos[0]); console.log(input.files

浏览 3提问于2019-04-29得票数 0

回答已采纳

1回答

多控制器angularjs通过服务推送对象数组

javascript、angularjs、ionic-framework

新的AngularJS，并试图弄清楚如何在控制器之间推送对象数组数据(而不是输入字符串)。目前，我的代码将数据推入到一个控制器(‘ChooseTabCtrl’)中，但我希望将数据推送到另一个控制器('ListTabCtrl')，以便列表显示在另一个页面上。

浏览 1提问于2016-04-19得票数 1

回答已采纳

4回答

如何将数组推送到JavaScript中的对象

javascript

我正在尝试将数组推送到JavaScript中的一个对象。Invoice Date", sort: "asc", }}; const data = { { label: &

浏览 6提问于2019-10-05得票数 1

6回答

按角度将项目从一个数组推送到另一个数组

javascript、arrays、angularjs

我正在用AngularJS编写一个应用程序，并想知道如何将项目从一个数组推入另一个数组。"Walk the dog"},$scope.addToTasksDone = function() {// IM FAILNG HERE};如何将具有“做菜”值的项推送到tasksDone数组？

浏览 1提问于2016-07-02得票数 3

回答已采纳

1回答

asp.net mvc 6 web +角资源post数组作为对象属性

javascript、c#、asp.net、angularjs、asp.net-mvc

我正试着把一个复杂的物体从角贴到我的webapi，服从的对象如下所示 Name: "test", Addresses: [ { city: "bucharest" { city "paris"和来自服务器的对象我的旧应用程序是用MVC5 webapi2编写的，使用了<

浏览 4提问于2015-09-08得票数 1

回答已采纳

4回答

如何遍历JSON (使用AngularJS)并将结果放入Javascript数组？

javascript、angularjs

使用最新的AngularJS版本(1.3.0-rc.5)，我正在检索一个包含人名的简单JSON对象。JSON对象的示例：我不知道如何将所有的

浏览 3提问于2015-02-20得票数 0

回答已采纳

1回答

深入检查与$watchCollection类似的Angular2中的更改

angularjs、angular、angular2-observables、ngonchanges、angular2-docheck

我使用的是从父组件传递给子组件的对象数组。当一个新项被推送到数组或数组中一个现有对象的属性时，它不会为使用此变量的组件(父/子/兄弟组件)触发ngOnChanges。在AngularJS中，我们使用$watchCollection来监视复杂的对象。对于Angular2+，我们有类似的东西吗？如何在$watchCollection +中进行类似于

浏览 3提问于2017-10-26得票数 3

1回答

AngularJS无线按钮绑定到JSON阵列和潜艇上

javascript、jquery、angularjs

我是angularJS的新手。我有以下要求：我已经从数据库中提取了所有的学生对象。请帮助将单选按钮绑定到每个学生对象。另外，如何将特定选定的学生对象

浏览 3提问于2016-06-22得票数 0

回答已采纳

5回答

带有数组的Javascript同步对象

javascript

我有一个目标：并且我有一个同步数组，其中包含在对象中值为true的键。,'d']obj = {'a':false,'b':false,'c':false,'d':true} 然后，arr应该同步如下：(a元素从arr中<

浏览 8提问于2013-06-21得票数 3

1回答

StackView:将组件及其项存储在一起

qt、qml、qtquick2

Component { FooBar {}...在上面的示例中，我现在唯一的想法是为push()/pop()/get()方法编写一些包装器，并将Component存储在某个单独的堆栈中： property var componentStackfunction _pop (x) { return componentStack.po

浏览 1提问于2015-09-17得票数 1

回答已采纳

1回答

一个用于多DOM/作用域的控制器

javascript、angularjs、dom、angularjs-scope

例如，让我们使用v3。$con = $compile(HTML)($scope);<div ng-cont

浏览 3提问于2013-11-28得票数 1

回答已采纳

2回答

如何将数组排序为Javascript中添加的项？

javascript、arrays、sorting

我有一个对象数组，其元素使用ng- AngularJS重复显示.每个对象都有一个priority_int整数值，我知道我可以按照以下顺序对数组进行排序： return b.priority_int - a.priority_int;目前，我正在将所有内容添加到数组中，然后按priority_int降序排序，然后使用ng-重复进行显示。

浏览 0提问于2015-02-24得票数 2

回答已采纳

1回答

如何使用AngularJS将新项推送到对象数组中？

javascript、angularjs

用户从一个开始，然后如果他们想要添加另一个，可以单击“add”，它应该在数组中添加一个空值的新对象，并且用户可以输入一个新值。用户可以继续添加直到他们有5。我如何做到这一点？下面是我的密码。

浏览 2提问于2016-08-27得票数 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

如何使用AngularJs将所有对象推送到另一个数组中

相关·内容

使用工厂/服务在控制器AngularJS之间推送数组中的数据

每隔三个帖子从类别中拉出一篇帖子

AngularJS向json对象添加数组

如何使用AngularJs将所有对象推送到另一个数组中

AS3 -是否有可能对同一数组中的对象进行相互测试？

使用数组方法将项添加到新数组中

使用javascript过滤器进行多选，但有一些问题

数组不会替换索引处的值。

多控制器angularjs通过服务推送对象数组

如何将数组推送到JavaScript中的对象

按角度将项目从一个数组推送到另一个数组

asp.net mvc 6 web +角资源post数组作为对象属性

如何遍历JSON (使用AngularJS)并将结果放入Javascript数组？

深入检查与$watchCollection类似的Angular2中的更改

AngularJS无线按钮绑定到JSON阵列和潜艇上

带有数组的Javascript同步对象

StackView:将组件及其项存储在一起

一个用于多DOM/作用域的控制器

如何将数组排序为Javascript中添加的项？

如何使用AngularJS将新项推送到对象数组中？

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐