Question

我有一个ng-repeat，它会生成两个下拉菜单，其中包含不同的值，现在我可以显示每个菜单的选定值。

将filter.name发送到setFilter函数并将{span}与<{1>} 结合使用可以正常工作只有一个菜单但不是 with multiple。

ng-bind="some $scope.variable"

这是一个吸虫：plnkr

有没有一种奇特的方法可以做到这一点？

Answer 1

我想出了一个解决我问题的方法（不确定它是否是最好的）

首先我将filterGroup的ID添加到<span>

然后我将名称和ID传递给setFilter()

我的setFilter功能我添加了$("#"+id).text(data);

<强> HTML

<span class="dropdown" ng-repeat="filterGroup in filterGroups">
  <a href class="dropdown-toggle" >
    {{filterGroup.groupName}} <span id="{{filterGroup.id}}"></span>  <span class="caret"></span>
 </a>
   <ul class="dropdown-menu">
     <li ng-repeat="filter in filterGroup.filters">
        <a dropdown-toggle ng-click="setFilter(filter.name, filterGroup.id);"> {{filter.name}} </a>
     </li>
  </ul>
</span>

<强>的Javascript

$scope.setFilter = function(data, id){
   $("#"+id).text(data);
};

这是一个有效的plunker

如果有人有更好的解决方案，请让我知道

你好！樱桃-0

如何在多个ui-bootstrap下拉菜单中显示所选值？

1 个答案: