具有2个值的角度选择框

时间:2013-07-15 18:51:35

标签: angularjs

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

示例:

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

如果可能的话,我想直接对其进行此操作。

1 个答案:

答案 0 :(得分:0)

如果您正确理解了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];

......重建我展示的第一个物体并不是很困难。