如何在AngularJs中使用ng-options显示两个值?

前端之家收集整理的这篇文章主要介绍了如何在AngularJs中使用ng-options显示两个值?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个下拉过滤器,它工作正常.请参阅链接
http://plnkr.co/edit/c5Hrqfv1eA5qfQpkYR41?p=preview
但是我想在下拉列表中添加一个值,然后它无法正常工作.我尝试过以下代码.
<select ng-model="filterDeck.deckDetail" ng-options="deck.name as (deck.name+' - '+deck.level) for deck in data">
</select>

请帮我这样做.谢谢.
VIMAL

如果您不想对过滤器进行任何更改,请使用以下选项:
<select ng-model="filterDeck.deckDetail" ng-options="deck as deck.name + ' - '  + deck.level for deck in data">

上面的选项将整个对象绑定到模型.

如果您只想将id绑定到模型,则需要更新select并过滤到以下内容

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

然后将您的过滤器更新为:

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

无论哪种方式都可行.

原文链接:https://www.f2er.com/angularjs/141482.html

猜你在找的Angularjs相关文章