Come visualizzare due valori usando ng-options in AngularJs?

Question

Ho un filtro a discesa e funziona bene. Vedere il collegamento
http://plnkr.co/edit/c5Hrqfv1eA5qfQpkYR41?p=preview
Ma voglio aggiungere un altro valore al menu a discesa, quindi non funziona correttamente. Ho provato con il codice qui sotto.

<select ng-model="filterDeck.deckDetail" ng-options="deck.name as (deck.name+' - '+deck.level) for deck in data"> 
</select> 

Per favore aiutatemi a fare questo. Grazie.
Vimal

Answer 1

Se non si desidera apportare modifiche al filtro uso questo selezionare:

<select ng-model="filterDeck.deckDetail" ng-options="deck as deck.name + ' - ' + deck.level for deck in data"> 

L'opzione sopra legherà l'intero oggetto al modello.

Se si desidera solo per legare l'id del modello è necessario aggiornare la vostra selezione e filtro al seguente:

<select ng-model="filterDeck.deckDetail" ng-options="deck.id as deck.name + ' - ' + deck.level for deck in data"> 

quindi aggiornare il filtro a questo:

$scope.customDeck = function (data) { 
    if (data.id === $scope.filterDeck.deckDetail) { 
     return true; 
    } else { 
     return false; 
    } 
    }; 

In entrambi i casi funzionerà.