我必须从下拉列表中选择多个值,然后单击提交将其显示在文本区域中。我不知道如何将多个值传递给控制器,并获取它以相同形式显示在文本区域中。
您可以使用html select元素的multiple属性,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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句