我想要一个带有价格范围列表的选择框。
示例:
- 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;
如果可能的话,我想直接对其进行此操作。
答案 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>
请注意,如果您只有价格清单......
$scope.ranges = [0, 2000, 3500, 5000];
......重建我展示的第一个物体并不是很困难。