需要轉換多選模式，文本在HTML區域模型，在Angularjs應用

Question

在我angularjs的應用程序，我使用多選擇下拉及其模型來如下：

$scope.selectedValues = [{"id":2,"name":"Automatic"},{"id":4,"name":"Manual"}]; 

而這種模式是很好的顯示。這沒有問題。現在在查看應用程序階段，我需要隱藏這個多選下拉菜單，並且需要在文本區域顯示$scope.selectedValues中的所有名稱。如果不在控制器中進行操作以獲取文本區域的模型值，是否可以從$scope.selectedValues中提取名稱，並將它們顯示爲html本身的空格分隔值？

<textarea class="form-control" ng-model="allInsurancesNames" ng-if="needToDisbleMutiSelectDrpDown"></textarea> 

這裏allInsurancesNames應該包含所有的名稱作爲空間從模型selectedValues分離的模式。我們可以像使用ng-repeats或表達式等一樣在html中執行任何操作，但無論如何需要這樣做，但allInsurancesNames不應該從控制器中的$scope.selectedValues填充。

Answer 1

如果你可以創建你的控制器內的功能，你可以做這樣的事情：

$scope.mapFunct= function(value){ 
    return value.name; 
}; 

而且

<div ng-controller="ctrl" ng-init="allInsurancesNames=selectedValues.map(mapFunct).join(' ')"> 

Working Plunk