如何使用angularjs从对象数组中获取id？
AngularJS 是一种流行的前端开发框架，用于构建动态的单页应用程序。在 AngularJS 中，可以使用一些内置的方法和指令来从对象数组中获取 id。
要从对象数组中获取 id，可以使用 AngularJS 的 ng-repeat 指令来遍历数组，并使用对象的属性访问符（.）来获取 id 属性。以下是一个示例代码：
<div ng-app="myApp" ng-controller="myCtrl">
<ul>
<li ng-repeat="item in items">{{ item.id }}</li>
</ul>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.items = [
{ id: 1, name: 'item1' },
{ id: 2, name: 'item2' },
{ id: 3, name: 'item3' }
];
});
</script>在上面的代码中，ng-repeat 指令用于遍历 items 数组，并将每个对象的 id 属性显示在一个列表项中。
关于 AngularJS 的更多信息和学习资源，你可以参考腾讯云的 AngularJS 文档和教程：
- AngularJS 文档：https://cloud.tencent.com/document/product/1026
- AngularJS 教程：https://cloud.tencent.com/developer/section/1135611
请注意，以上答案仅供参考，具体的实现方式可能因项目需求和开发环境而有所不同。
相关·内容
1回答
我有一个数组，其中包含从Java检索的几个{id:x , name:y}对象，我需要按字母顺序排列它们，但是其中一个对象必须强制位于<select> comboBox的底部，我如何才能实现这个结果？我在orderBy中使用了ng选项，但是，我不知道如何将这个特定的对象放在底部。
浏览 3提问于2015-08-31得票数 0
回答已采纳
我的代码：
我定义了一个服务：
angular.module('jsonService', ['ngResource']).factory('JsonService', function($resource) {
var jsonService = $resource('data.json/:id',
{id: "@id"}, //parameters default
{
getAll: { method: "GET", p
浏览 4提问于2013-08-13得票数 0
回答已采纳
我正在做一个离子应用程序，并与Laravel服务器一起工作。问题是，我在服务器中有一个存储项目的列表。在离子应用程序中，我将请求服务器提供项目信息，以创建表单。我这里有我的密码
<div ng-repeat="itemGroup in mydata">
<div class="item item-divider nn-card-header">
{{itemGroup.name}}
</div>
<ion-list>
<ion-item ng-repea
浏览 1提问于2016-05-16得票数 0
回答已采纳
1回答
我是angular.js的新手。我想创建学习angular.js的基本网格。我用angular.js创建了一个博客应用程序，但我想了解更多。我开始开发网格应用程序。这个网格将进行动态的crud操作。我是用html写的；
< bar-table
bar-list-action="'/json/customers.htm'"
bar-delete-action="'/api/DeleteCustomer'"
bar-update-action="'/api/UpdateCustomer'"
浏览 0提问于2013-09-18得票数 0
回答已采纳
2回答
在我的模型中，我的数据类似于：
$scope.list = [{id:0,tags:['tag1','tag2']},{id:2,tags:['tag2']}};
我想显示一个带有复选框的标签列表(包含'tag1‘和’tag2‘的唯一值)。希望是这样的：
<div ng-repeat="tag in list.tags">
<label class="checkbox">
<input type="checkbox" ng-model=&
浏览 0提问于2013-01-05得票数 14
回答已采纳
我对AngularJS非常陌生，我正在努力学习如何深入到一个JSON对象中，该对象中包含对象，有时甚至是数组。这是一个“简化”的版本，我正在工作，我希望它将帮助我得到一个基本的理解，以便我可以自己做剩下的。
json
values = {
"profile": {
"fields": {
"number-of-fields": "700",
"inside": [
"
浏览 2提问于2016-02-25得票数 0
回答已采纳
我一直在尝试从JSON检索值，但到目前为止都没有成功。当我刷新页面时，它确实会在前端被调用，但是信息并没有传递到下一个方法。我认为问题可能归结于promises.push...行，因为我已经尝试调试下面的方法，而且信息根本没有传递。
AngularJS：
var promises = [];
promises.push(SpringDataRestService.get({"collection": "subjects"}).$promise);
// Require each of these queries to complete before conti
浏览 2提问于2019-12-16得票数 1
回答已采纳
14回答
我有一个JSON文件，其中包含一些我想在我的AngularJS网站上访问的数据。现在我想要的是从数组中只获取一个对象。例如，我想要id为1的项。
数据如下所示：
{ "results": [
{
"id": 1,
"name": "Test"
},
{
"id": 2,
"name": "Beispiel"
},
{
"id": 3,
浏览 83提问于2013-10-25得票数 111
回答已采纳
我试图从Json对象中删除一个对象-- works..but --它将其替换为null。我不知道为什么，我如何从Json函数中删除空值：
company.deleteExternalLinkFromGrid = function (row, matricule) {
// console.log('Inside of deleteModal, code = ' + code);
//$scope.sitting= {};
console.log(matricule);
//console.log(JSON.strin
浏览 1提问于2017-04-20得票数 3
回答已采纳
我有一个地图，在控制台中我可以看到：
[[Entries]]
{"val1" => Array(3)}
{"val2" => Array(3)}
我需要将这个映射转换为一个对象才能在ng-repeat (AngularJS)中使用它，但是如何转换呢？非常感谢。
浏览 11提问于2018-07-23得票数 0
我使用这个函数从web服务读取数据。
$scope.getProduitByCatID = function () {
$http.get("/getProduitByCategorieID?id=" + $scope.categorie.id).success(function (data) {
$scope.produits = data;
});
};
我的模型$scope.produits中的值是：
{
"reference": 1,
"designation": "sony"
浏览 3提问于2015-11-02得票数 4
回答已采纳
在js中有一个递归数组：
[{
type: 'cond',
conditionId: 1,
conditions: undefined
},
{
type: 'cond',
conditionId: 2,
conditions: undefined
},
{
type: 'group',
conditionId: undefined,
conditions: [{
type: 'cond',
conditionId: 3,
conditions: undefi
浏览 4提问于2016-03-17得票数 4
回答已采纳
这是我的Json数据
"data": {
"address": {
"postalCode": "112629",
"state": "DL",
"city": "new city",
"streetAddress": "my street"
},
"specialities": [
{
浏览 2提问于2016-08-10得票数 0
3回答
我试图在JSON中循环一些产品。我得到了许多不同类型的JSON文件，这就是为什么我可以手工“修补”该文件的原因。
{ "product": [ { "@attributes": { "ID": "123456789" }, "name": "Name of the product"],...}
因此，我在表单中有两个输入字段：
1. id="product_name" value="name"
2. id="product_id" value="
浏览 6提问于2016-03-15得票数 1
回答已采纳
1回答
我是angularJS的新手，对javascript知之甚少。
我正在尝试使用$http.post方法从数据库中检索数据。下面是我从.php文件中获得的内容。
[{
"ticketid": "1484637895",
"categoryid": "1",
"subcategoryid": "2",
"ciphonenum": "01814149028",
"calldescription": "The
浏览 0提问于2017-01-17得票数 0
4回答
如何从该数组中获取firstName值？使用print_r很简单，但我需要单独的值
Array
(
[0] => stdClass Object
(
[id] => 106288917
[firstName] => xxxxx
[lastName] => yyyyy
)
[1] => stdClass Object
(
[id] => 106258850
[firstName
浏览 1提问于2012-02-23得票数 1
回答已采纳
1回答
对于使用我一直创建的API中的数据的自定义AngularJS应用程序，我遇到了的使用。双簧管是一个帮助将大型JSON文件流到视图的bower包。因此，经过一些尝试和错误之后，我成功地构建了一个像样的双簧管GET方法，它在大约2秒内获得了大约4000个JSON项。但是，当向同一个视图添加更多的GET方法时，我的问题就开始了。
起初没有任何问题，但最终，装载时间越来越长。所以我尝试使用双簧管Cached: true配置。遗憾的是，它根本不起作用。每次加载页面时，都会再次加载所有数据，而不是从browser Cache中获取数据。
在下面的例子中，您可以看到我一直试图缓存的双簧管功能的结构。下面还添
浏览 3提问于2018-05-14得票数 6
回答已采纳
2回答
我使用的是一个从restful加载数据的datalist，我想在datalist中添加分页，我使用的是AngularJS：
<label>Query:</label>
<input list="data">
</div>
<datalist id="data">
<option ng-repeat="data in queries" value="{{data.name}}">
</option>
</dat
浏览 1提问于2014-05-28得票数 0
回答已采纳
我花了很多时间试图从Json文件中删除一个项目。
这是我的json文件
{
"count": 3,
"data": [
{
"id": "1",
"raison": "ABS",
"email": "abs@abs.com",
"tel": "021269999999"
},
{
"id": "3",
浏览 15提问于2016-09-01得票数 0
回答已采纳
我为我的问题制造了小提琴：
<div ng-repeat="char in blockCharJson" row="{{char.row}}" column="{{char.column}}" >{{char.id}}</div>
var app = angular.module("myApp", []);
app.controller('Ctrl', function($scope) {
$scope.blockCharJson = {};
console.log($
浏览 0提问于2014-06-09得票数 1
回答已采纳
从web服务中，我得到了一个JSON字符串。它可能会根据请求而有所不同。2 JSON结果如下
结果1
[
{
"Key": 1,
"ID": 1,
"applicationId": "1",
"applicationName": "APP1"
},
{
"Key": 2,
"ID": 1,
"applicationId": "2",
"applicati
浏览 3提问于2014-04-05得票数 3
回答已采纳
最近，我尝试使用AngularJS从API中获取一些字符串数据。除了下面的字符串之外，我几乎从API中获取了所有字符串。下面的所有字符串都重放"0“，而不是显示API中的字符串。
“m-身份”：“批准”，
“s-返回-司机”：“
“返回日”：“
“经销商-司机”：“
“pd-理由”：“
示例:我从以下Json获取结果。
[{"ref_no":"105","ref_date":"2016\/12\/27","log_sheet":"65","branch&#
浏览 2提问于2017-02-01得票数 0
回答已采纳
1回答
我使用指令来分离实体(例如，个人)的逻辑。
因此，我有一项人民服务，它存储了许多人，例如：
this.people = ["Person 1", "Person 2", "etc"];
然后控制器注入该服务，并将数据发送到包含我的指令的模板中。所以我的模板看起来像：
<div ng-repeat="person in people">
<person name="person"></person>
</div>
现在，在我的指令中，我有一个delete函数(通
浏览 1提问于2014-02-10得票数 2
回答已采纳
我正在努力解决下面的AngularJS问题。
我在服务器上的.json文件中有一个模型：
{
feedback: []
}
我的目标是将用户生成的数据从表单推送到反馈数组，因此每个反馈注释都表示为javascript对象。
我尝试使用一个返回角$resource的服务，该服务指向.json中的反馈数组。它的实现如下(baseURL只是指向本地主机上的一个端口)：
.service('feedbackFactory', ['$resource', 'baseURL', function($resource, baseURL) {
浏览 0提问于2016-04-11得票数 1
回答已采纳
我是AngularJS的新手。试图通过$resource从JSON数组中获取特定的元素。JSON文件staffs.json的结构类似于：
[{
"id": 0,
"facility_id": [0],
"name": "Tim",
"role_id": 0
},
{
"id": 1,
"facility_id": [0],
"name": "Duncan",
"role_id
浏览 5提问于2014-07-22得票数 0
回答已采纳
好的，另一个与承诺相关的问题(我看到已经有相当多的问题了)。我正在尝试从端点获取promise结果，并将其用于ng-repeat，首先是来自端点的典型响应：
{"ebbe5704-4ea5-470e-8ab9-102ee8ca457f":"Foo",
"e380a6f7-2f88-46bb-bd54-251719353627":"Bar"
}
下面是我是如何从promise获得它的：
RequestService.getValues().$promise.then(function(res) {
vm.result =
浏览 15提问于2019-11-26得票数 1
1回答
如何为DB插入传递对象？
、、、、
我需要将记录插入到数据库中。我应该如何通过控制器传递它？
例如，为了删除记录，我传递了Id，它看起来像这样
routes.php函数：
Route::get('/template/delete/{id}', array(
'as' => 'template_delete',
'uses' => 'ThoughtRiver\Template\Controllers\TemplateController@deleteTemplate'
));
控制器函数：
public function deleteTem
浏览 2提问于2017-03-17得票数 1
嗨，我有下面的JSON
{
id: 35,
chain_id: 32,
name: "HAPS",
phone: "33330210",
url: null,
contact: null,
user_id: null,
uuid: null,
lat: 55.682044,
lng: 12.572165,
before_closing_time: 15,
slug: "haps",
img_url: {
img_url: {
浏览 5提问于2015-11-28得票数 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
我知道已经有很多关于这个话题的问题得到了回答。
我是Angular的新手，还不了解{{variable}}到底是如何工作的。
我正在使用一个API，响应是这样的：
data : "MTS-K"
license : "CC BY 4.0 - https://creativecommons.de"
ok : true
stations : Array(3)
0 : {id: "XXX", name: "XXX", brand: "XXX", street: "XXX", place: "YYY
浏览 4提问于2018-08-08得票数 1
回答已采纳
3回答
我有几个复选框，你可以点击。对于您单击的每个复选框，都会将连接到复选框的ID推入数组中：
HTML：
<tr ng-repeat="info in test">
<td>{{info.stracka}}</td><td>{{info.tid}}</td>
<td><input type="checkbox" id="{{info.id}}" class="checkboxfisk" ng-click="testa(info.id)"
浏览 3提问于2014-07-21得票数 1
回答已采纳
如何使用angularjs在canvasjs中显示动态数据。我正在从api获取数据，并希望在图表中显示。我不知道如何将变量赋值给chart.im的y点，获取值并存储在变量"ValueinCm“中，而不是静态变量需要赋值的动态值。
<script src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angu
浏览 6提问于2017-02-17得票数 0
我有一个对象，看起来像这样：
$scope.locations [
{Kanaanbadet: {"name":"Kanaanbadet","image":"http://www.stockholm.se/Web/Core/Pages/Special/StreamServiceGuideImage.aspx?path=%2fWeb%2fCore%2fPages%2fSpecial%2fServiceGuideFile.aspx%3ffileid%3d14b313cb2b2f45e380eb88156c95b539"
浏览 1提问于2014-03-31得票数 0
我得到存储在Firebase数据库中名为user的当前用户数据下的"projects“字段中的值
第一方法：
var promise = MyUser.user();
promise.then( function onSuccess(user) {
$scope.userprojectskeys = user.projects;
});
第二种方法：
var keyquery = DatabaseRef.ref('/users/' + userId).orderByKey().once("value")
.then(function o
浏览 2提问于2016-10-20得票数 1
回答已采纳
1回答
这是我的密码：
app.js
$http.get("http://angularjs.uum.my/tt.json")
.success(function(response) {$scope.scrollItems = response;});
$http.get("http://angularjs.uum.my/tt2.json")
.success(function(response) {$scope.scrollItems2 = response;});
tt.json -只有一个元素
tt2.json -有两个元素
问题在于
浏览 3提问于2014-11-23得票数 0
回答已采纳
我有一个包含值列表的数组。
[Object { id="5", country="UAE"}, Object { id="4", country="India"}]
我想根据id中存在的值来获取数组项的索引。如何在angularJS控制器中获取id =4的数组项的索引位置？
浏览 0提问于2014-06-17得票数 12
我的html：
<div id="contentDiv">
<div id="headerDiv" ><div id="titleDiv"> Queries</div></div>
<div id="valuesDiv" ><div id="yearDiv"> 2015</div></div>
<div id="graphDiv" ><div id=
浏览 0提问于2016-02-03得票数 0
回答已采纳
我是AngularJS的新手，我正在尝试弄清楚如何应用一个过滤器，其中记录id是数组中的id列表中的一个。在SQL中，它类似于：
SELECT * from Table1 where Table1.ID in (1,2,3,4,5)
我如何在AngularJS中完成同样的事情呢？我知道我需要应用过滤，但是如何应用呢？
浏览 29提问于2017-03-14得票数 2
回答已采纳
我们需要将响应性数据添加到数组中，然后在html.We中进行如下尝试
var RequestAs = [];
for (var i = 0; i < RequestLength; i++)
{
$http({
method: "GET",
url: "http://183.82.0.221:2244/api/PostPets/GetCustomerDetails?ID=" + results.rows.item(i).PosterId + ""
}).then(function mySucce
浏览 3提问于2016-04-28得票数 3
回答已采纳
我设置了一个方法，由html中的ng单击事件调用：
<div ng-repeat="section in model.sections">
<a ng-click="updateSection($index)">
</div>
然后，在我的javascript文件中，我得到了以下服务：
.factory('Sections', function($resource){
return{
onUnits: $resource('/api/sections/:uuid/unit
浏览 3提问于2013-08-05得票数 0
回答已采纳
1回答
以JSON的形式从Angularjs发送数据，如下所示
Object {data："stdClass Object => B => => country_name =>↵(↵↵…↵↵)↵“，status: 200，headers: function，config: Object}
然后在php中如何仅访问该对象Json中的数据，即data->0，data->vin等。
浏览 3提问于2014-06-25得票数 0
我正试图通过get_meta_tags获取url信息，通过laravel，并希望在我的angularjs应用程序中显示。但问题是响应返回
Array
(
[title] => Mercy Badshah Full HD
[description] => mercy badsah
[keywords] => mercy, badshah new song, badshah songs, badshah, badshah mercy
[theme-color] => #e62117
[twitter:card] => playe
浏览 6提问于2017-05-06得票数 1
回答已采纳
如何检查从url获得的id是否等于json api中的任何id这里是我的代码。
.controller('PlayAod', ['$scope', '$http', '$state', '$stateParams', '$location', function ($scope, $http, $state, $stateParams) {
$scope.title = 'Sample Company';
$scope.apiusername = '
浏览 0提问于2017-04-03得票数 0
2回答
如何比较AngularJS中的两个数组，并返回匹配的值？
下面是第一个数组：
[{
"id":2,
"student_name":"LiSa",
"alien":"A",
"world":"Sun",
"justification":"i like sent this one",
"submit_time":null
},{
"id":1,
"stu
浏览 4提问于2015-03-18得票数 6
回答已采纳
我是一位经验丰富的C#/ASP.NET开发人员，我的公司正在为所有未来的web前端开发向AngularJS迈进。
我有一个特殊的情况，我不太清楚。我有一个SELECT绑定到一个"email“对象数组(带有属性"id”和"name")，我使用ng选项而不是ng-重复来执行数据绑定。这会为我填充SELECT，所以我要做的是从列表中选择一个项目，单击一个按钮，然后从列表中删除该项并将其添加到辅助列表中。我本来打算使用复选框，但是数组中有很多项，我的项目经理不喜欢这样做。
我将此作为对所有可用数组函数的引用：
由于我非常习惯于C#，所以我在JavaScript中没有相同
浏览 2提问于2016-07-05得票数 0
我的数据库里有一堆“活动”：
{"name" : "Apple", "status" : "active"}
{"name" : "Orange", "status" : "paused"}
我用以下命令在Angular中显示了它们：
<span ng-switch on="campaign.status">
<a ng-switch-when="active" ng-click='setStatus($in
浏览 0提问于2013-01-24得票数 0
我从AngularJS开始，我已经做了这个例子：
一个简单的html文件：
<!DOCTYPE html>
<html ng-app="app" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>First Demo</title>
</head>
<body>
<div ng-controller="prdController">
<d
浏览 0提问于2014-08-24得票数 0
我有这个$scope.data对象：
$scope.data = {
'8':{
'id':'81',
'name':'anna',
},
'9':{
'id':'82',
'name':'sally',
},
};
我以这种方式使用for循环来获取id。
$scope.getID = function(id){
for(var i
浏览 0提问于2015-02-06得票数 2
回答已采纳
我的强调了在我的服务中缓存的可能性。
编写本文时的 (v1.3.0-build.2417 (快照))显示了一个cache标志。
但是，只有在第一次调用service.get(id)之后才会填充缓存。我希望能够使用从其他地方检索的项预填充资源缓存。
(从2+端点获得相同的项是完全合理的。例如，如果任务5是项目99的一部分，您可以在/task/5中使用一个任务，如果任务5是项目99的一部分，它可以作为/projects/99/tasks集合的一部分)
我试过了，但很难看
// return the API in the project service
return {
projec
浏览 2提问于2014-03-12得票数 1
我是一个全新的angularJS和网页设计的整体。我试图从JSON中获取数据字段(或元素)。例如，这就是JSON的样子
{
"Name":"Raymond Eugene Monce",
"Dateofbirth":"1924-0308T00:00:00Z",
"Ethnicity":"Caucasian",
"Languages":["{English}"],
},
我正在尝试获取“名称”数据字段。这就是我的.js文件的样子
var profile
浏览 1提问于2014-07-01得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
