如何在Angular中访问对象数组中的数组？
在Angular中访问对象数组中的数组可以使用点号（.）或者方括号（[]）来访问。下面是两种常用的方式：
- 使用点号（.）访问： 对象数组中的每个元素都是一个对象，可以通过点号（.）来访问对象中的属性或者方法。如果对象中包含一个数组属性，可以使用点号来访问该数组，并且再次使用方括号（[]）来访问数组中的元素。
- 例如，有一个对象数组
users，每个元素包含一个名为skills的数组属性，我们可以通过以下方式访问该数组中的元素： - 例如，有一个对象数组
users，每个元素包含一个名为skills的数组属性，我们可以通过以下方式访问该数组中的元素： - 使用方括号（[]）访问： 在Angular中，也可以使用方括号来访问对象数组中的数组。通过在方括号中传入索引来访问数组中的元素。
- 例如，使用上述的对象数组
users，我们可以通过以下方式访问该数组中的元素： - 例如，使用上述的对象数组
users，我们可以通过以下方式访问该数组中的元素：
需要注意的是，以上示例中的users数组中的每个元素都是any类型，这意味着可以包含任何类型的对象。在实际开发中，建议根据实际情况定义适当的数据类型以提高代码的可读性和可维护性。
关于Angular的更多信息和示例，请参考腾讯云的产品介绍页面：Angular
相关·内容
3回答
它只是监督它，但我无法控制它的价值
所以当我记录这个
console.log($scope.data)
比我回到页面上的控制台
$$state: Object
status: 1
value: Array[11]
0: Object
1: Object
2: Object
3: Object
4: Object
5: Object
6: Object
7: Object
8: Object
9: Object
10: Object
我只想说
console.log($scope.data.value
浏览 4提问于2015-12-08得票数 1
回答已采纳
import {Component, EventEmitter, Input, OnChanges,OnInit} from '@angular/core';
import {Observable} from 'rxjs/Rx';
import {Router} from '@angular/router';
import { LoginService } from '../../login/services/login.service';
import {User,SharedService} from '../../S
浏览 1提问于2017-03-17得票数 0
我是angular和Angular 6的新手。我有一个API，它的400错误请求如下
POST /register
{
"success": false,
"error": {
"email": [
"Enter a valid email address."
]
}
}
我正在尝试调用angular中的API，如下所示
register(username: string, email: string, password, first_name: s
浏览 0提问于2018-11-06得票数 0
1回答
如果这个问题被重复了，我很抱歉，但我仍然找不到解决这个问题的办法。这是我第一次接触AngularJS，所以请容忍我。
我的简单html：
<html lang="en" ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>Angular Practice</title>
<script src="lib/angular/angular.min.js"></script>
浏览 3提问于2014-10-14得票数 0
回答已采纳
2回答
我试图将数组中的一个或多个值存储到作用域中。这是我的JSONP服务的结果
angular.callbacks._7({
"id":157336,"results":[
{"id":"53db3c790e0a26189a000d09","iso_639_1":"en","key":"ePbKGoIGAXY","name":"Trailer 3","site":"YouTube","siz
浏览 0提问于2015-12-03得票数 0
回答已采纳
我有一个名为USAFacts的对象，它具有属性(如StateName )和对象(如状态鸟)，其属性与状态鸟有关。
在JSON中，USAFacts的记录如下所示：
{"StateName": PA, "State-Bird": [ { "Name": Ruffed grouse, "YearDesignated": 1931, "ScientificName": "Bonasa umbellus"}]}
我可以在StateName中访问Angular2属性
{{ USAFacts?.StateName
浏览 8提问于2017-02-24得票数 1
回答已采纳
我需要在点击angular2中的链接时重复一个表格，我该怎么做？
例如，如果我有一个表格来添加人名和年龄，当我点击"addnewperoson“时，我想要在前一个表格下面添加相同的表格，任何建议都会很有帮助，需要立即回复
此链接中的内容如下所示
浏览 2提问于2016-10-28得票数 1
angular.forEach($scope.lista, function(data) {
console.log(data);
$scope.listaCliente = data.listaClienteMaquina;
console.log($scope.listaCliente);
});
因为当我访问$ scope.listaCliente数组时，它会返回未定义的，有人帮助我吗？：/
浏览 6提问于2015-06-12得票数 0
回答已采纳
我正在尝试编译我们的一个Angular & openLayers项目，但是我不能使用angular。
我已经放入了角度外部参数，但是在编译之后，我得到了这个错误：
Error: [$injector:unpr] Unknown provider: aProvider <- a <- myCtrl
http://errors.angularjs.org/1.3.15/$injector/unpr?p0=aProvider%20%3C-%20a%20%3C-%20myCtrl
at REGEX_STRING_REGEXP (angular.js:63)
at a
浏览 4提问于2015-04-21得票数 2
我知道Android中的jsonparsing。如果下面是JSON响应
{
"contacts": [
{
"id": "c200",
"name": "Ravi Tamada",
"email": "ravi@gmail.com",
"address": "xx-xx-xxxx,x - street, x -
浏览 2提问于2017-08-17得票数 0
2回答
我对AngularJS & JSON很陌生，并在下面的示例中进行了尝试，但我无法从JSON文件加载数据：
<body>
<h2>AngularJS Sample Application</h2>
<div ng-app="" ng-controller="kittyController">
<table>
<tr>
<th>Name</th>
浏览 3提问于2015-06-26得票数 0
回答已采纳
1回答
我有一个原始数组，我将其初始化如下：
$scope.rawUsers = angular.copy($scope.users);
然后我修改一些数据，如下所示：
function filterUsers(searchString, onlyMine) {
$scope.users = [];
_.find($scope.rawUsers, function (itm) {
var groups = [];
if (onlyMine) {
if (!itm.IsMine)
return;
var hasGroup
浏览 0提问于2018-06-18得票数 0
回答已采纳
2回答
我无法访问此对象中的信息
ts文件
import { Component } from '@angular/core';
import { AngularFireDatabase, AngularFireObject } from
'angularfire2/database'
import { Observable } from 'rxjs';
@Component({
selector: 'app-root',
templateUrl: './app.component.
浏览 0提问于2018-08-25得票数 0
当我阅读视图中的对象时，我没有任何问题。例如，我的代码是：
angular.module('myApp',[])
.controller('myCtrl',function($scope){
var AnswerScheme = $scope.AnswerScheme = tbl_qst_master_answer.getByAnswerId(AnswerIdSelectedByStudent);
});
我认为：
{{AnswerScheme[0]}} // Then the output will be: {"myTestData
浏览 0提问于2016-10-22得票数 0
回答已采纳
问题：
我有以下代码：
<div>
{{ data | json }}
</div>
，它会产生以下json格式的结果
[
{
"display_title":"Megan Leavey",
"mpaa_rating":"PG-13",
"critics_pick":1,
"byline":"NEIL GENZLINGER",
"headline":"Review: In ‘Megan Leavey,
浏览 2提问于2017-06-09得票数 0
回答已采纳
1回答
我有这个JSON数据，并希望用PHP解码它，然后插入到MySQL数据库中：
{
"data": [
{
"location_id": "5786213",
"name": "Nirvana Lagoon Villas Suites & Spa",
"distance": "0.0300528659549801",
"bearing": "east",
"addres
浏览 0提问于2016-04-01得票数 0
回答已采纳
1回答
我正在使用angular leaflet，leaflet-draw，我正在尝试获取一个圆(或其他绘制的对象)对象，以查看地图上是否有一个点超时出现在其中。我需要在一个单独的服务中使用它。我如何访问已经在angular代码中的其他位置绘制的对象的数据？
浏览 4提问于2017-01-18得票数 0
回答已采纳
我试图从这个链接中获取数据，但是当我这样做的时候，我得到了错误的TS2339:属性'Projects[]‘在’Projects[]‘类型上不存在，即使'Projects’中有属性'title‘。我试图访问html中的projects.title。当我从邮递员那里调用它时，我会从后端获得所需的所有数据，但在这里，我无法让.html“打印”项目的标题。这是我用的所有文件..。(预先谢谢:)
app.component.html
<div class="container">
<h1 class = "mt-3 mb-3&#
浏览 3提问于2022-09-02得票数 0
回答已采纳
这是我第一次发帖，fyi。我正在尝试做一个按钮，使一个pdf文件。如果我只添加简单的文本，PDF按钮就能工作。而且，i<myData.length警报工作得很好，但是当代码到达while循环时，它会立即转到angularjs异常处理程序。有什么想法吗？
$scope.makePDF = function () {
//window.alert($scope.myData.length);
var doc = new jsPDF();
doc.text(20, 30, "Table");
var i = 0;
window.alert
浏览 3提问于2014-07-15得票数 2
回答已采纳
_.each(key_val, function(e){
if($.inArray(e[0], names) == -1){
var node = {};
node.name = e[0];
if(e[1]) {
node.value = e[1];
node.symbolSize = e[1] * nodeProp;
}
optio
浏览 6提问于2021-02-13得票数 0
5回答
我试图从randomuser.me服务器获取用户信息，并试图在html页面中显示这些用户数据。这就是我想要做的； randomuser.page.ts import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Component({
selector: 'app-randomuser',
templateUrl: './randomuser.
浏览 98提问于2019-05-23得票数 0
回答已采纳
1回答
我打算显示对象数组的一些选定关键字的值。
下面是我的代码：
this.gData.GetAll(this.selected.value)
.subscribe(
x => {
x.forEach(
y => {
const len = Object.keys(y).length;
for (let i = 0; i < len; i++) {
if (this.findInCoulumns(Object.keys(y)[i]) === true) {
浏览 6提问于2019-07-15得票数 0
回答已采纳
3回答
角2服务返回对象
、、
谢谢您提前给我时间，我正在尝试显示一个从本地mongodb集合中提取的集合。是API端点，当我用postmaster测试它时，它返回正确的数据。这是一组物体。HTML只显示每个对象的对象，如下所示：
对象对象
服务或组件有什么问题吗？
后端是一个快速/节点应用程序。
player.component.html
<div> {{allPlayers}} </div>
player.component.ts
import { Component, OnInit } from '@angular/core';
import {AuthService} from
浏览 1提问于2017-03-28得票数 3
回答已采纳
如何在js中使用facebook请求用户权限？我想让人们登录我的网站使用facebook登录。然后我想向访问者索取facebook的数据。现在我可以使用js获得这样的数据
FB.api('/100005658545226?fields=id,name,email') =>
{
"id": "100005658545226",
"name": "Mingfish Lin"
}
但是在回复json中没有电子邮件信息，所以我想发送一个请求，要求用户授权这个电子邮件许可。我怎么才能在js里做这份工作
浏览 0提问于2013-11-15得票数 1
回答已采纳
我想像这样初始化：
vm.line0 = 1;
vm.line1 = 1;
...
因此，我在angular中进行了如下迭代：
angular.forEach(modules, function (value, key) {
var i = key;
var temp = 'line' + i;
vm.temp= 1;
});
然而，这似乎是一个很大的错误。但是我怎么才能得到我想要的。
浏览 4提问于2015-08-13得票数 0
我在我的过滤器中执行一项非常例行的任务来检查
angular.module('someApp')
.filter('filterSomeData',['$filter',function ($filter) {
return function (items, keyObj) {
var filterObj = {
data:items,
filteredData:[],
applyFilter : function(query,key){
var fData
浏览 3提问于2015-02-03得票数 0
如何将AngularJS作用域对象转换为简单的JS数组？
此函数检查是否选中了任何复选框，并将相应的值添加到对象。现在，我希望将对象值传输到一个数组中，并在按下按钮后向其发出警报。但是结果是不确定的，为什么呢？
var formApp = angular.module('formApp', [])
.controller('formController', function($scope) {
// we will store our form data in this object
$scope.formData
浏览 0提问于2016-07-11得票数 2
2回答
角控制器阵列误差
、、
我正在使用角ng-repeat函数，在我的控制器中，我试图创建一个数组，但是我总是在我的检查器中得到一个错误消息。
Uncaught SyntaxError: Unexpected token [
下面是我的代码片段。
var app = angular.module("homeApp", []);
app.controller("entriesView", function ($scope){
$scope.itemEntry = {[
{
image: "https://cms.myspacecdn.com/cms/x/13/4
浏览 11提问于2013-11-23得票数 0
回答已采纳
3回答
它只显示对象对象，而当控制产品的属性时，它会显示未定义的property.while，在HTML文件中显示产品，它不会获得值。并将产品的值输入到另一个组件，它不会显示任何值。 import { Component ,EventEmitter, OnInit} from '@angular/core';
import { Product } from './product.model';
//this called decorator
@Component({
// tells Angular what element to
浏览 10提问于2020-04-21得票数 1
回答已采纳
3回答
我正在处理一个角度应用程序，我有一个包含iframe的视图(这个iframe的目的只是显示一个登录表单)。
就像我试图手动提交表单失败一样，我试图记录这个公式以检查我是否真的能够达到它，但我对如何做到这一点感到困惑。
iframe中的表单具有名称属性myForm
<iframe id="myIframe" name="myIframe" src="someUrl.com">
<html>
...
<form name="myForm" class="form&#
浏览 4提问于2015-07-22得票数 1
我是angular (和javascript)的新手。我正在尝试构建一个指令，其中一部分需要向指令的作用域中添加一个数组。我的指令代码如下所示：
.directive("startupSections", function(){
return {
restrict: "E",
transclude: true,
scope: {
title: "@",
sections: [1,2,3]
},
link: fun
浏览 2提问于2017-05-03得票数 0
这个角代码不允许我将JSON文件中的Array内容显示到HTML上。控制台中的错误显示“尝试区分‘对象’的错误”
这段代码是在本地运行的角8上运行的。我尝试过许多不同的获取数据的方法，以及HTML中不同的显示方式，但似乎没有一种方法有效。
JSON File
{...} represent a string
{
"APPLICATIONS": [
{
"APP_ID": 1,
"APP_NAME": "...",
"APP_SHORT_NAME": "...
浏览 0提问于2019-07-27得票数 1
回答已采纳
3回答
html:
<div *ngIf="myBooks">
<mat-select [(ngModel)]="selected">
<mat-option *ngFor="let book of myBooks" name="state">{{book.state}}</mat-option>
</mat-select>
<p>{{ selected }}</p>
</div>
组件：
import {MAT_
浏览 1提问于2018-05-08得票数 1
1回答
我的dashboard.component.ts中有代码，如下所示：
this.scheduleService.getShiftSchedule().subscribe((temp)=>{
this.api = temp;
var ids = [['user_id', 1], ['status', 2]],
result = temp.map(o => ids.map(([key, id]) => ({ id, content: o[key] })));
this.tablePresetData = result;
})
以及导
浏览 0提问于2019-02-11得票数 0
回答已采纳
我使用的AngularJS与RESTAPI，我能够得到客户的数据从服务器发送的JSON格式。我的Angular代码片段如下：
app.factory("services", ['$http', function($http) {
var serviceBase = '/api/album';
var obj = {};
obj.getCustomers = function(){
return $http.get(serviceBase);
};
return obj;
}]);
浏览 1提问于2014-11-21得票数 1
import { HttpClient } from '@angular/common/http';
import { Component, OnInit} from '@angular/core';
import { AnyArray } from 'mongoose';
import { DataService } from '../../services/data.service';
@Component({
selector: 'app-allpatients',
templateUrl:
浏览 1提问于2022-11-18得票数 0
1回答
我对斯威夫特很陌生，我在解析数组时遇到了困难--数组看起来如下
MyArray [9 9keyValuePairs 19 9keyValuePairs]
我想将"MyArray.(0).ValueForKey:"Name“添加到UITableViewCell中，但我不太清楚正确的语法。
浏览 0提问于2016-02-03得票数 0
回答已采纳
我正在尝试处理一些json数据。我想知道在芭蕾舞0.990.2中是否可以使用jsonPath？类似于$..temperature[?(@.celcius<25)]的东西
浏览 12提问于2019-01-08得票数 0
4回答
我正在学习Angular2，所以如果我问了一个愚蠢的问题，请原谅我。我正在接收一个对象数组，它看起来如下：
obj.json
data: [
{
item: "banana"
}
],
[
{
item: "apple"
}
],
[
{
item: "lemon"
}
]
在我的组件文件中，我设法将它限定在一个作用域中：
this.fr
浏览 6提问于2017-02-22得票数 8
回答已采纳
2回答
我创建了一个jsFiddle：
目前，在创建作用域时，它们并不是孤立的。因此，如果我创建两个输入字段，并在其中一个输入字段中键入文本，则在辅助输入字段中复制文本。
如何创建多个输入，单独填写并同时提交？
html
<div ng-app="miniapp" ng-controller="MainCtrl">
<a href="" data-clicker>add inputs</a>
<form ng-model="project" ng-submit="addP
浏览 3提问于2014-02-13得票数 3
回答已采纳
如何通过在nodeJS中请求具有标头的HTTP调用来访问数组数据。当我试图调用第三方服务时，我会得到未定义的错误。我使用两个标头进行HTTP调用。--这是HTTP .的响应，在这里我可以访问“描述”。
{
"dotdList": [
{
"title": "From ₹ 10,299",
"description": "Haier 181 Single Door",
"url": "https://dl.flipkart.com/dl/
浏览 2提问于2017-08-12得票数 0
回答已采纳
1回答
我有如下所示的服务响应，我希望在响应中推送一个新行，并在我的视图中绑定新行。我如何在angular.forEach中做到这一点？
服务响应
"message":
{
"student" [
{
"namee" : "student1",
"oDate" : "03/03/2016",
"oTime" : "5:00 PM"
},
{
"namee" : &
浏览 0提问于2016-03-21得票数 0
回答已采纳
3回答
我正在尝试获取一个Range2服务，以便从HTTP请求中检索数据，并将其作为承诺返回。当我在组件中使用服务时，我从服务中传递的数据将以未定义的形式返回。
这是我的服务
import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import 'rxjs/add/operator/toPromise';
@Injectable()
export class RecordService {
constructor
浏览 5提问于2016-10-12得票数 2
回答已采纳
2回答
我试图在dom中显示一些信息，但是我得到了以下错误：
错误:试图区分“对象”的错误
我想要做的是迭代来自的这些数据
{“last_price”：{“1771455.0”、“中电”、"min_ask":"1771432.0“、”中电“、"max_bid":"1660003.0”、“中电”、“卷”：“178.37375119”、"BTC“、"price_variation_24h":"-0.107”、"price_variation_7d":"-0.115"}}
我想在h
浏览 0提问于2017-06-15得票数 1
回答已采纳
如何获取项目angular.forEach()的$index？
我想要这样的：
$scope.data = {
"name": "foo",
"info": "bar"
}
angular.forEach($scope.data, function (value, key) {
console.log($index + ' - ' + value.name + ' - ' + value.info)
})
浏览 0提问于2016-09-13得票数 2
重写一个旧的应用程序，并在我们进行的过程中慢慢地使用webpack来包装。为了保持与较旧的代码库的兼容性，global上有几个函数，它们需要在一段时间内保持可访问性。我尝试过设置output对象的library属性，这很有效。但是，我最终得到的库包含三个空对象(每个入口点)。我研究了expose-loader插件，也得到了同样的结果。我确信这是我缺乏理解的一部分，我还在努力完成学习曲线。受到许多关于此事的SO帖子的影响()
entry: {
app: './app.js',
mystc: './mystc/index.js',
浏览 19提问于2017-01-30得票数 0
回答已采纳
在当前基于Angularjs 1.6.9的项目中，我使用'angular.constant‘通过主html页面传递django常量值，如下所示。 <script type="text/javascript">
angular
.module("myDashboardApp")
.constant('backendData', {
staticUrl: "{% static '' %}",
user_id: "{{ user_i
浏览 16提问于2019-03-06得票数 0
var text = '{ "employees" : [' +
'{ "id": 999, "username": "Batman" } ]}';
obj = JSON.parse(text);
var id = obj.employees[0].id;
问题是，如何像上面的id那样从javascript对象访问？在上面的例子中，它有“名称”来访问id，即雇员。但是现实生活中的例子--下面的例子--我没有“名字”来获得id值。
var text = '{ "" : [&#
浏览 5提问于2015-06-09得票数 2
回答已采纳
我有一个问题：angular / material / datepicker。
我有一个虚拟项目，它可以正确地处理以下文件：
/src/app/app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { BrowserAnimat
浏览 1提问于2018-08-05得票数 1
我需要从不同的来源检索数据，合并它们，然后输出所有数据。
为了这个目的，我知道cannot支持angular.extend()，但我无法使它工作。我只能输出最后一个http请求的结果..。
Plunkr：
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope,$http) {
$scope.user = {};
$http.get('data3.json').success(function(result){
consol
浏览 2提问于2013-09-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
