Làm thế nào để hiển thị hai giá trị sử dụng ng-tùy chọn trong AngularJs?

Question

Tôi có một bộ lọc thả xuống và nó hoạt động tốt. Xem liên kết
http://plnkr.co/edit/c5Hrqfv1eA5qfQpkYR41?p=preview
Nhưng tôi muốn thêm một giá trị khác vào danh sách thả xuống, sau đó nó không hoạt động chính xác. Tôi đã thử với mã dưới đây.

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

Vui lòng giúp tôi thực hiện việc này. Cảm ơn bạn.
Vimal

Answer 1

Nếu bạn không muốn thực hiện bất kỳ thay đổi việc sử dụng bộ lọc chọn này:

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

Các tùy chọn ở trên sẽ ràng buộc toàn bộ đối tượng cho mô hình.

Nếu bạn chỉ muốn để ràng buộc id với mô hình bạn cần cập nhật chọn và bộ lọc của bạn như sau:

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

Sau đó cập nhật bộ lọc của bạn như thế này:

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

Dù bằng cách nào sẽ làm việc.