AngularJS: Ошибка дублирования на ngOptions

Question

Как я могу предотвратить журналы ошибок дубликатов при отображении этого?

<select class="ea-input" ng-model="details.amount" ng-options="amount as amount for amount in amounts"> 
    <option value="" disabled>{{'prepaid.selectamount.placeholder'|translate}}</option> 
</select> 

Это работает, но я получаю сообщение об ошибке консоли дублей:

angular.js:11496 Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: amount in eaOptions, Duplicate key: number:9999, Duplicate value: 9999

Я перепробовал все возможные решения (отсюда) для ngOptions, но это не работает для меня. Как еще я должен использовать этот подход?

[EDIT]: Значения $ scope.amounts, как это: [5, 10, 15, 30, 50, 100]

[UPDATE]: Там, кажется, нет никаких проблем ни с чем. Я полагал, что это была не связанная с этим директива, которая вызывала это. Где-то на шаблоне другая директива вызывает тот же ng-model, и это тот, который вызывает его.

<span ng-if="paymentDetails.maximizer.length > 0"> 
       <cashier-maximizer-field ea-options="paymentDetails.maximizer" ea-model="details.amount"> 
       </cashier-maximizer-field> 
       <div class="divider sm"></div> 
      </span> 

Answer 1

Вы должны использовать опцию след так внутренне Угловая будет создавать свой собственный ID и избежать проблем с идентификатором дубликатов в объектах.

изменить код следующим

ng-options="amount as amount for amount in amounts track by amount.id" 

EDIT: К сожалению, я запутаться с нг-повторить директивы. Вы можете использовать трек с небольшим изменением. Я предполагаю, что у вас внутри объекта суммы и идентификатора. Вы можете изменить «id» для другого свойства, если это необходимо. Здесь есть более подробная информация

https://docs.angularjs.org/api/ng/directive/ngOptions

Answer 2

{{'prepaid.selectamount.placeholder'|translate}} 

делает проблему. Без него все прекрасно.

Проверьте код ниже

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.details={}; 
 
    $scope.amounts = [5, 10, 15, 30, 50, 100]; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="myApp" ng-controller="myCtrl"> 
 

 
    <select class="ea-input" ng-model="details.amount" ng-options=" amount for amount in amounts "> 
 
    <option value="" disabled>Select</option> 
 
    </select> 
 
    {{selectedName}} 
 
</div>

Answer 3

попробовать это нг-параметры = "количество для суммы в количествах"