如何更改選擇框後的選擇框文本？

Question

這裏搗鼓：http://jsfiddle.net/TU6tp/47/

這兒如果我選擇在下拉菜單中的任何選項，我會在選擇框的文本獲得相同的，但我需要「改變產品組合」我得到應該有選擇anyor改變投資組合。

如果你看見小提琴U將容易理解什麼，我想說

CODE

<select 
    ng-model="selectedItem" 
    ng-options="o.label for o in selectables"> 
    </select> 

    <p>Portfolio manager: {{selectedItem.value}}</p> 
    <p>Group: {{selectedItem.manager}}</p> 
    <p>Group name: {{selectedItem.groupname}}</p> 

Answer 1

可以使用ng-change兩個範圍變量selectedItemx和selectedItem

Fiddle

<select 
    ng-model="selectedItemx" 
    ng-options="o.label for o in selectables" ng-change="changeLable()"> 
</select> 

$scope.changeLable = function() { 
    $scope.selectedItem = $scope.selectedItemx; 
    $scope.selectables[0]['label'] = "CHANGE PORTFOLIO"; 
    $scope.selectedItemx = $scope.selectables[0];   
} 

// this is the model that's used for the data binding in the select directive 
// the default selected item 
$scope.selectedItemx = $scope.selectables[0];