如何在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>

请帮我做到这一点。谢谢你。
重要的

恩维格

如果您不想对过滤器进行任何更改,请使用以下选择:

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

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

如果仅要将ID绑定到模型,则需要更新选择并将其过滤为以下内容:

<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;
    }
  };  

两种方法都可以。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

AngularJS:如何在 HTML 中使用两个 ng-repeat 显示深度对象值

来自分类Dev

如何在angularjs中使用ng-click显示ng-repeat的确切内容

来自分类Dev

如何在一个布尔值中使用多个 ng-click?AngularJS

来自分类Dev

如何在SQL中使用一个SELECT命令显示两个表中的值?

来自分类Dev

我如何在Angularjs的ng-options表达式中使用函数和变量

来自分类Dev

如何显示包含两个不同键的两个值的地图?

来自分类Dev

如何用jq连续显示两个值?

来自分类Dev

当两个值相等时,使用jquery显示按钮

来自分类Dev

如何在显示值之前使用vlookup公式查看两个值

来自分类Dev

如何在angularjs中使用ng-repeat显示JSON数组?

来自分类Dev

如何在AngularJS ng-repeat中使用索引显示列表项

来自分类Dev

如何在 angularjs 中使用 ng-repeat 时显示特定项目内的数据?

来自分类Dev

如何在angularjs视图中使用ng-if值检查null?

来自分类Dev

如何在AngularJs中使用ng-repeat为嵌套对象属性计算动态值

来自分类Dev

如何在一个表格行中使用两个ng-repeats?

来自分类Dev

如何在Angularjs中乘以两个ng-module值?

来自分类Dev

AngularJS在ng-options中比较两个对象

来自分类Dev

如何在AngularJS中总结两个Scope值

来自分类Dev

如何在不同模块中使用两个具有相同名称的AngularJS服务?

来自分类Dev

如何在angularjs中使用相同的两个列名称

来自分类Dev

如何在angularjs中使用json在单个tr中打印两个不同的数组元素

来自分类Dev

如何在MySQL中使用子查询显示两个表的混合结果?

来自分类Dev

如何在yii2中使用来自两个表的显示数据

来自分类Dev

如何在控制器中使用两个“显示”方法?

来自分类Dev

如何在MySQL中使用子查询显示两个表的混合结果?

来自分类Dev

在laravel中如何在单个视图中显示来自两个不同模型的值

来自分类Dev

如何在 text_field Ruby 中显示两个值?

来自分类Dev

如何在两个不同的字段中显示 UI Slider 值?

来自分类Dev

如何在ng-change上使用ng-options获得重复项的值?AngularJS

Related 相关文章

  1. 1

    AngularJS:如何在 HTML 中使用两个 ng-repeat 显示深度对象值

  2. 2

    如何在angularjs中使用ng-click显示ng-repeat的确切内容

  3. 3

    如何在一个布尔值中使用多个 ng-click?AngularJS

  4. 4

    如何在SQL中使用一个SELECT命令显示两个表中的值?

  5. 5

    我如何在Angularjs的ng-options表达式中使用函数和变量

  6. 6

    如何显示包含两个不同键的两个值的地图?

  7. 7

    如何用jq连续显示两个值?

  8. 8

    当两个值相等时,使用jquery显示按钮

  9. 9

    如何在显示值之前使用vlookup公式查看两个值

  10. 10

    如何在angularjs中使用ng-repeat显示JSON数组?

  11. 11

    如何在AngularJS ng-repeat中使用索引显示列表项

  12. 12

    如何在 angularjs 中使用 ng-repeat 时显示特定项目内的数据?

  13. 13

    如何在angularjs视图中使用ng-if值检查null?

  14. 14

    如何在AngularJs中使用ng-repeat为嵌套对象属性计算动态值

  15. 15

    如何在一个表格行中使用两个ng-repeats?

  16. 16

    如何在Angularjs中乘以两个ng-module值?

  17. 17

    AngularJS在ng-options中比较两个对象

  18. 18

    如何在AngularJS中总结两个Scope值

  19. 19

    如何在不同模块中使用两个具有相同名称的AngularJS服务?

  20. 20

    如何在angularjs中使用相同的两个列名称

  21. 21

    如何在angularjs中使用json在单个tr中打印两个不同的数组元素

  22. 22

    如何在MySQL中使用子查询显示两个表的混合结果?

  23. 23

    如何在yii2中使用来自两个表的显示数据

  24. 24

    如何在控制器中使用两个“显示”方法?

  25. 25

    如何在MySQL中使用子查询显示两个表的混合结果?

  26. 26

    在laravel中如何在单个视图中显示来自两个不同模型的值

  27. 27

    如何在 text_field Ruby 中显示两个值?

  28. 28

    如何在两个不同的字段中显示 UI Slider 值?

  29. 29

    如何在ng-change上使用ng-options获得重复项的值?AngularJS

热门标签

归档