如何从下拉列表中选择多个值，并在单击“提交”按钮时将其显示在文本区域。。。？

Question

我必须从下拉列表中选择多个值，并在单击提交时将其显示在文本区域中。我不知道如何将多个值传递给控制器，并获取它以相同的形式显示在文本区域中。。。。

Answer 1

您可以使用html选择元素的多属性，角将为您创建一个选定值的数组：

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>