angularjs - 具有 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;

如果可能的话，我想直接在部分上执行此操作。

score 0 · Accepted Answer

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

请注意，如果您只有一个价格清单……</p>

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

……重建我展示的第一个对象并不难。

1 回答 1