如何从下拉列表中选择多个值并将其显示在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>