AngularJs ng-repeat with long index (integer) throws error
Multi tool use
up vote
0
down vote
favorite
I have two objects with the same date but with id . (double) :
{
id: 1541672305932,
date: 2018-01-01 11:11:11
}
{
id : 1541672305933,
date: 2018-01-01 11:11:11
}
and I got a duplicate error if the date is exactly the same
but if the id is simple id like . 1,2 its working I guess is the length of the id
how can I fix it ,, i have to use the id as the index
my ng repeat looks like
<li id="item_{{event.id}}" ng-repeat="event in list track by event.id">
error i got
Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: event in historyList track by event.id, Duplicate key: 1541672305932, Duplicate value:
{"date":"2018-11-08T10:18:25.000Z",id":1541672305932}
https://codepen.io/anon/pen/WYwbrv?editors=1010
angularjs angularjs-ng-repeat
asked Nov 8 at 10:03
Tuz
164111
|
show 3 more comments
up vote
0
down vote
favorite
I have two objects with the same date but with id . (double) :
{
id: 1541672305932,
date: 2018-01-01 11:11:11
}
{
id : 1541672305933,
date: 2018-01-01 11:11:11
}
and I got a duplicate error if the date is exactly the same
but if the id is simple id like . 1,2 its working I guess is the length of the id
how can I fix it ,, i have to use the id as the index
my ng repeat looks like
<li id="item_{{event.id}}" ng-repeat="event in list track by event.id">
error i got
Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: event in historyList track by event.id, Duplicate key: 1541672305932, Duplicate value:
{"date":"2018-11-08T10:18:25.000Z",id":1541672305932}
https://codepen.io/anon/pen/WYwbrv?editors=1010
angularjs angularjs-ng-repeat
asked Nov 8 at 10:03
Tuz
164111
there shouldn't be any duplicates, no matter the length. Can you double check the code you are posting
– Aleksey Solovey
Nov 8 at 10:08
yes i use timestamp with miliseconds and for sure of i chnaged the id its will be fine but part of the number is the same. maybe angular not supporting long id ?
– Tuz
Nov 8 at 10:16
2
The MAX_SAFE_INTEGER is 9,007,199,254,740,991 but your example is less than that. For more information, see MDNNumber.isSafeInteger()
– georgeawg
Nov 8 at 10:29
afterMath.pow(2, 53), their difference will not be counted, so you will have duplicates. Once again, double check your code, it should work
– Aleksey Solovey
Nov 8 at 10:40
@Tuz it works fine: codepen.io/karlen/pen/mQPdmx?editors=1010
– Karlen Kishmiryan
Nov 8 at 11:11
|
show 3 more comments
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I have two objects with the same date but with id . (double) :
{
id: 1541672305932,
date: 2018-01-01 11:11:11
}
{
id : 1541672305933,
date: 2018-01-01 11:11:11
}
and I got a duplicate error if the date is exactly the same
but if the id is simple id like . 1,2 its working I guess is the length of the id
how can I fix it ,, i have to use the id as the index
my ng repeat looks like
<li id="item_{{event.id}}" ng-repeat="event in list track by event.id">
error i got
Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: event in historyList track by event.id, Duplicate key: 1541672305932, Duplicate value:
{"date":"2018-11-08T10:18:25.000Z",id":1541672305932}
https://codepen.io/anon/pen/WYwbrv?editors=1010
angularjs angularjs-ng-repeat
asked Nov 8 at 10:03
Tuz
164111
I have two objects with the same date but with id . (double) :
{
id: 1541672305932,
date: 2018-01-01 11:11:11
}
{
id : 1541672305933,
date: 2018-01-01 11:11:11
}
and I got a duplicate error if the date is exactly the same
but if the id is simple id like . 1,2 its working I guess is the length of the id
how can I fix it ,, i have to use the id as the index
my ng repeat looks like
<li id="item_{{event.id}}" ng-repeat="event in list track by event.id">
error i got
Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: event in historyList track by event.id, Duplicate key: 1541672305932, Duplicate value:
{"date":"2018-11-08T10:18:25.000Z",id":1541672305932}
https://codepen.io/anon/pen/WYwbrv?editors=1010
angularjs angularjs-ng-repeat
angularjs angularjs-ng-repeat
asked Nov 8 at 10:03
Tuz
164111
asked Nov 8 at 10:03
Tuz
164111
edited Nov 8 at 11:36
asked Nov 8 at 10:03
Tuz
164111
asked Nov 8 at 10:03
Tuz
164111
asked Nov 8 at 10:03
Tuz
164111
164111
there shouldn't be any duplicates, no matter the length. Can you double check the code you are posting
– Aleksey Solovey
Nov 8 at 10:08
yes i use timestamp with miliseconds and for sure of i chnaged the id its will be fine but part of the number is the same. maybe angular not supporting long id ?
– Tuz
Nov 8 at 10:16
2
The MAX_SAFE_INTEGER is 9,007,199,254,740,991 but your example is less than that. For more information, see MDNNumber.isSafeInteger()
– georgeawg
Nov 8 at 10:29
afterMath.pow(2, 53), their difference will not be counted, so you will have duplicates. Once again, double check your code, it should work
– Aleksey Solovey
Nov 8 at 10:40
@Tuz it works fine: codepen.io/karlen/pen/mQPdmx?editors=1010
– Karlen Kishmiryan
Nov 8 at 11:11
|
show 3 more comments
there shouldn't be any duplicates, no matter the length. Can you double check the code you are posting
– Aleksey Solovey
Nov 8 at 10:08
yes i use timestamp with miliseconds and for sure of i chnaged the id its will be fine but part of the number is the same. maybe angular not supporting long id ?
– Tuz
Nov 8 at 10:16
2
The MAX_SAFE_INTEGER is 9,007,199,254,740,991 but your example is less than that. For more information, see MDNNumber.isSafeInteger()
– georgeawg
Nov 8 at 10:29
afterMath.pow(2, 53), their difference will not be counted, so you will have duplicates. Once again, double check your code, it should work
– Aleksey Solovey
Nov 8 at 10:40
@Tuz it works fine: codepen.io/karlen/pen/mQPdmx?editors=1010
– Karlen Kishmiryan
Nov 8 at 11:11
there shouldn't be any duplicates, no matter the length. Can you double check the code you are posting
– Aleksey Solovey
Nov 8 at 10:08
there shouldn't be any duplicates, no matter the length. Can you double check the code you are posting
– Aleksey Solovey
Nov 8 at 10:08
yes i use timestamp with miliseconds and for sure of i chnaged the id its will be fine but part of the number is the same. maybe angular not supporting long id ?
– Tuz
Nov 8 at 10:16
yes i use timestamp with miliseconds and for sure of i chnaged the id its will be fine but part of the number is the same. maybe angular not supporting long id ?
– Tuz
Nov 8 at 10:16
2
2
The MAX_SAFE_INTEGER is 9,007,199,254,740,991 but your example is less than that. For more information, see MDN
Number.isSafeInteger()– georgeawg
Nov 8 at 10:29
The MAX_SAFE_INTEGER is 9,007,199,254,740,991 but your example is less than that. For more information, see MDN
Number.isSafeInteger()– georgeawg
Nov 8 at 10:29
after
Math.pow(2, 53), their difference will not be counted, so you will have duplicates. Once again, double check your code, it should work– Aleksey Solovey
Nov 8 at 10:40
after
Math.pow(2, 53), their difference will not be counted, so you will have duplicates. Once again, double check your code, it should work– Aleksey Solovey
Nov 8 at 10:40
@Tuz it works fine: codepen.io/karlen/pen/mQPdmx?editors=1010
– Karlen Kishmiryan
Nov 8 at 11:11
@Tuz it works fine: codepen.io/karlen/pen/mQPdmx?editors=1010
– Karlen Kishmiryan
Nov 8 at 11:11
|
show 3 more comments
1 Answer
1
active
oldest
votes
up vote
0
down vote
You can try track by track by $index instated of track by event.id
var app = angular.module('myApp', );
app.controller('myCtrl', function($scope) {
$scope.list =[
{
"id": '1234567894567',
"date": "2014-03-13T05:53:12 -06:-30"
},
{
"id": '123456789789',
"date": "2014-12-15T01:32:39 -06:-30"
},
{
"id": '123456789789',
"date": "2014-12-15T01:32:39 -06:-30"
}
]
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<li id="item_{{event.id}}" ng-repeat="event in list track by $index">{{event.id}}</li>
</div>answered Nov 8 at 10:53
Lakmi
9681823
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
You can try track by track by $index instated of track by event.id
var app = angular.module('myApp', );
app.controller('myCtrl', function($scope) {
$scope.list =[
{
"id": '1234567894567',
"date": "2014-03-13T05:53:12 -06:-30"
},
{
"id": '123456789789',
"date": "2014-12-15T01:32:39 -06:-30"
},
{
"id": '123456789789',
"date": "2014-12-15T01:32:39 -06:-30"
}
]
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<li id="item_{{event.id}}" ng-repeat="event in list track by $index">{{event.id}}</li>
</div>answered Nov 8 at 10:53
Lakmi
9681823
add a comment |
up vote
0
down vote
You can try track by track by $index instated of track by event.id
var app = angular.module('myApp', );
app.controller('myCtrl', function($scope) {
$scope.list =[
{
"id": '1234567894567',
"date": "2014-03-13T05:53:12 -06:-30"
},
{
"id": '123456789789',
"date": "2014-12-15T01:32:39 -06:-30"
},
{
"id": '123456789789',
"date": "2014-12-15T01:32:39 -06:-30"
}
]
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<li id="item_{{event.id}}" ng-repeat="event in list track by $index">{{event.id}}</li>
</div>answered Nov 8 at 10:53
Lakmi
9681823
add a comment |
up vote
0
down vote
up vote
0
down vote
You can try track by track by $index instated of track by event.id
var app = angular.module('myApp', );
app.controller('myCtrl', function($scope) {
$scope.list =[
{
"id": '1234567894567',
"date": "2014-03-13T05:53:12 -06:-30"
},
{
"id": '123456789789',
"date": "2014-12-15T01:32:39 -06:-30"
},
{
"id": '123456789789',
"date": "2014-12-15T01:32:39 -06:-30"
}
]
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<li id="item_{{event.id}}" ng-repeat="event in list track by $index">{{event.id}}</li>
</div>answered Nov 8 at 10:53
Lakmi
9681823
You can try track by track by $index instated of track by event.id
var app = angular.module('myApp', );
app.controller('myCtrl', function($scope) {
$scope.list =[
{
"id": '1234567894567',
"date": "2014-03-13T05:53:12 -06:-30"
},
{
"id": '123456789789',
"date": "2014-12-15T01:32:39 -06:-30"
},
{
"id": '123456789789',
"date": "2014-12-15T01:32:39 -06:-30"
}
]
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<li id="item_{{event.id}}" ng-repeat="event in list track by $index">{{event.id}}</li>
</div>var app = angular.module('myApp', );
app.controller('myCtrl', function($scope) {
$scope.list =[
{
"id": '1234567894567',
"date": "2014-03-13T05:53:12 -06:-30"
},
{
"id": '123456789789',
"date": "2014-12-15T01:32:39 -06:-30"
},
{
"id": '123456789789',
"date": "2014-12-15T01:32:39 -06:-30"
}
]
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<li id="item_{{event.id}}" ng-repeat="event in list track by $index">{{event.id}}</li>
</div>var app = angular.module('myApp', );
app.controller('myCtrl', function($scope) {
$scope.list =[
{
"id": '1234567894567',
"date": "2014-03-13T05:53:12 -06:-30"
},
{
"id": '123456789789',
"date": "2014-12-15T01:32:39 -06:-30"
},
{
"id": '123456789789',
"date": "2014-12-15T01:32:39 -06:-30"
}
]
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<li id="item_{{event.id}}" ng-repeat="event in list track by $index">{{event.id}}</li>
</div>answered Nov 8 at 10:53
Lakmi
9681823
answered Nov 8 at 10:53
Lakmi
9681823
answered Nov 8 at 10:53
Lakmi
9681823
answered Nov 8 at 10:53
Lakmi
9681823
9681823
add a comment |
add a comment |
draft saved
draft discarded
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53205404%2fangularjs-ng-repeat-with-long-index-integer-throws-error%23new-answer', 'question_page');
}
);
Post as a guest
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
xPMluD4q8fPTeTiSMgvNSctgEcvTjHgonP5f2w9BGRvPhw
there shouldn't be any duplicates, no matter the length. Can you double check the code you are posting
– Aleksey Solovey
Nov 8 at 10:08
yes i use timestamp with miliseconds and for sure of i chnaged the id its will be fine but part of the number is the same. maybe angular not supporting long id ?
– Tuz
Nov 8 at 10:16
2
The MAX_SAFE_INTEGER is 9,007,199,254,740,991 but your example is less than that. For more information, see MDN
Number.isSafeInteger()– georgeawg
Nov 8 at 10:29
after
Math.pow(2, 53), their difference will not be counted, so you will have duplicates. Once again, double check your code, it should work– Aleksey Solovey
Nov 8 at 10:40
@Tuz it works fine: codepen.io/karlen/pen/mQPdmx?editors=1010
– Karlen Kishmiryan
Nov 8 at 11:11