如何從下拉列表中選擇多個值並將其顯示在textarea上點擊提交按鈕...？

Question

我必須從下拉列表中選擇多個值，並在點擊提交時將其顯示在文本區域中。我不知道如何將多個值傳遞給控制器​​並將其取出以相同的形式顯示在文本區域中....

Answer 1

您可以使用html select元素的多個屬性，並且angular會爲您創建一個數組所選擇的值：

angular.module('MyModule', []) 
 

 
.controller('MyController', function($scope) { 
 
    $scope.martialArts = ['Kung Fu', 'Llap Goch', 'Karate', 'Judo']; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app='MyModule' ng-controller='MyController'> 
 
    I know 
 
    <select multiple ng-model='whatIKnow' ng-options='martialArt for martialArt in martialArts'></select> 
 
    <button ng-click='showWhatIKnow = true'>Show Me</button> 
 
    <textarea ng-show='showWhatIKnow' ng-model='whatIKnow'></textarea> 
 
</div>