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

...重建我所展示的第一個對象並不是很難。