ng-options中的动态'group by'

Question

我有几个选择，我正在用ng-options填充。我想知道是否可以动态分组/不分组这个选择。

这里有一个（simplfied）<select>：

<select class="brand-select" 
    ng-model="selectedBrand" chosen="brandList" 
    ng-options="brand as brand.name group by brand.bestseller for brand in brandList"> 
</select> 

我希望能够在该选择这间切换（注意，有在这一个没有GROUP BY）：

<select class="brand-select" 
    ng-model="selectedBrand" chosen="brandList" 
    ng-options="brand as brand.name for brand in brandList"> 
</select> 

我想将分组绑定到$ scope变量。

我试过将选择绑定到一个指令，并动态地设置ng-options attr的值，但似乎这是不可能的。

除了有两个选择和显示/隐藏其中之一之外，还有什么建议可以做到这一点？

Answer 1

使用功能“分组依据”值，以确定 - 如果不需要组返回null：如果你采用了棱角分明1.4

$scope.grouping = true 
$scope.groupBy = function(v){return $scope.grouping ? v[0]: null} 
... 
<select ng-model="selected" ng-options="k group by groupBy(v) for (k,v) in friends"></select>  

http://jsfiddle.net/cWH4n/

Answer 2

虽然从上面4vanger答案是正确的。 8及以下版本，请注意，使用角度1.5以上时，必须返回'undefined'以禁用分组。否则会出现“空”组。