有2个值的角度选择框

Question

我想要一个包含价格范围列表的选择框。

例子：

- 0 to $2,000 
- $2,000 to $3,500 
- $3,500 to $5,000 
- $5,000 to $7,500 
- $7,500 to $10,000 
- $10,000 

当用户选择一个选项，我想设置的预算范围： 例如，如果用户点击 - $ 3,500至$ 5,000个然后被设置成以下值：

$scope.var.x = 3500; 
$scope.var.y = 5000; 

我想直接做一个部分，如果可能的话。

Answer 1

如果您正确理解了Angular原则，那么这很容易做到。我认为你有类似，其中包含您的价格范围的数组：

$scope.ranges = [ 
    {start : 0, end : 2000}, 
    {start : 2000, end : 3500}, 
    {start : 3500, end : 5000}, 
    {start : 5000, end : Infinity} 
]; 

然后，只需从该阵列构建您的<select>菜单：

<select ng-model="selectedRange" ng-options="range as '$' + range.start + ' to $' + range.end for range in ranges"></select> 

Fiddle

注意，如果你只是一个价格清单...

$scope.ranges = [0, 2000, 3500, 5000]; 

...重建我所展示的第一个对象并不是很难。