ng-options et unique filtre pas les afficher angular.js

Dans mon javascript, j'ai un tableau

$scope.quoteList =        
    [
        {
            select: false,
            laymansDescription: "Nathan",
            quoteNumber: "ING-70440-21",
            version: "02",
            quoteDate: "Feb 5,2013",
            expirationDate: "Aug 5,2013",
            internalNotes: "This quote is using test data",
        },
        {
            select: false,
            laymansDescription: "Mitch",
            quoteNumber: "ING-70440-01",
            version: "02",
            quoteDate: "Feb 5,2013",
            expirationDate: "Aug 5,2013",
            internalNotes: "This quote is using test data",
        },
        {
            select: false,
            laymansDescription: "Stephen",
            quoteNumber: "ING-70440-01",
            version: "02",
            quoteDate: "Feb 5,2013",
            expirationDate: "Aug 5,2013",
            internalNotes: "This quote is using test data",
        }
    ];

Et je suis en train de faire un sélecteur qui ne montrent unique quoteNumbers ie. ING-70440-21 et ING-70440-01. Cependant lorsque j'essaie d'utiliser le 'unique' option angulaire, rien ne s'affiche.

<select class="form-control" ng-options="quote.quoteNumber for quote in quoteList | unique:'quoteNumber'" ng-model="quoteModel1" />

Il fonctionne très bien sans le tag unique. Ce que je fais mal? Je suis assez nouveau angulaire de sorte qu'il pourrait être quelque chose de vraiment simple.

AngularJS ne fournit pas de unique filtre. AngularUI.

OriginalL'auteur MitchVz | 2013-08-22

AngularJS n'a pas intégré dans unique filtre. Vous pouvez faire quelque chose comme cela pour faire un de vos propres:

app.filter('unique', function() {
    return function(input, key) {
        var unique = {};
        var uniqueList = [];
        for(var i = 0; i < input.length; i++){
            if(typeof unique[input[i][key]] == "undefined"){
                unique[input[i][key]] = "";
                uniqueList.push(input[i]);
            }
        }
        return uniqueList;
    };
});

Qui ont travaillé. Merci!
Ajouter if (typeof entrée == 'undefined'){return;} une fois que la fonction de l'ouvrir pour éviter d' 'undefined' erreurs
Cela n'a pas fonctionné pour moi..

OriginalL'auteur AlwaysALearner

Vous devriez vérifier angulaires-filtre module et de l'utilisation de la uniqFilter

EXEMPLE:

JS:

function MainController ($scope) {
  $scope.orders = [
    { id:1, customer: { name: 'John',    id: 10 } },
    { id:2, customer: { name: 'William', id: 20 } },
    { id:3, customer: { name: 'John',    id: 10 } },
    { id:4, customer: { name: 'William', id: 20 } },
    { id:5, customer: { name: 'Clive',   id: 30 } }
  ];
}

HTML:

<th>Customer list:</th>
<tr ng-repeat="order in orders | unique: 'customer.id'" >
   <td> {{ order.customer.name }} , {{ order.customer.id }} </td>
</tr>

<!-- result:
All customers list:
John 10
William 20
Clive 30

Bonjour Ariel, Pouvez-vous s'il vous plaît poste de violon de votre réponse? Je suis en face d'erreur '_ est pas défini". Ai-je besoin d'inclure n'importe quel module utiliser '$parse et _.uniq lodash fonction"?
Actuellement, je vous recommande vraiment de vous pour vérifier angulaires-filtre et utiliser les uniqFilter

OriginalL'auteur a8m

Angulaires de l'INTERFACE utilisateur

app.filter('unique', function () {

  return function (items, filterOn) {

    if (filterOn === false) {
      return items;
    }

    if ((filterOn || angular.isUndefined(filterOn)) && angular.isArray(items)) {
      var hashCheck = {}, newItems = [];

      var extractValueToCompare = function (item) {
        if (angular.isObject(item) && angular.isString(filterOn)) {
          return item[filterOn];
        } else {
          return item;
        }
      };

      angular.forEach(items, function (item) {
        var valueToCheck, isDuplicate = false;

        for (var i = 0; i < newItems.length; i++) {
          if (angular.equals(extractValueToCompare(newItems[i]), extractValueToCompare(item))) {
            isDuplicate = true;
            break;
          }
        }
        if (!isDuplicate) {
          newItems.push(item);
        }

      });
      items = newItems;
    }
    return items;
  };
});

OriginalL'auteur Ramesh Katare

Vous devez vous connecter pour publier un commentaire.