我有所選選項的陣列,我需要強調這些陣列中的所有可用的選項當中作出選擇組件選項給定陣列的多個選項..Angularjs突出與在多選擇形式組件選項
0
A
回答
0
的標準行爲已經突出顯示選定的選項。下面的例子。在這個例子中默認選擇了兩個選項。
angular
.module('exampleApp', [])
.controller('ExampleController', ExampleController);
function ExampleController() {
var vm = this;
vm.options = [{
id: '1',
name: 'Option A'
}, {
id: '2',
name: 'Option B'
}, {
id: '3',
name: 'Option C'
}];
vm.selectedOptionNames = ['Option B', 'Option C'];
}
<!DOCTYPE html>
<html ng-app='exampleApp'>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular.min.js"></script>
</head>
<body ng-controller="ExampleController as vm">
<form name="myForm">
<label for="multipleSelect">Make a choice:</label>
<select name="multipleSelect" id="multipleSelect" ng-options="option.name as option.name for option in vm.options" ng-model="vm.selectedOptionNames" multiple>
</select>
</form>
</body>
</html>
相關問題
- 1. 在選擇(形式)選項
- 2. angularjs - 過濾器選擇選項再次選擇選擇組件的選項
- 3. 多選形式的選項分組
- 4. AngularJS:多選擇預選選項
- 5. 選擇AngularJS選項
- 6. 如何獲得一組選擇與angularJS選定的選項
- 7. DropdownList與多選擇選項?
- 8. AngularJS選擇選項預選
- 9. Angularjs選擇多個靜態選項
- 10. Angularjs選擇多個選項不工作
- 11. 勝利形式:多項選擇按鈕
- 12. AngularJS選擇指令不與選項
- 13. angularjs形式NG-重複場+選擇選項+ $ http.get
- 14. 更新多行與選擇的形式
- 15. Angularjs:在選擇控制選擇項目
- 16. AngularJS與選擇
- 17. 選項卡沒有選擇與選定的形式更改
- 18. 結合複選框值與選擇選項值的形式
- 19. 突出顯示多個選擇框中的已選項目
- 20. Laravel形式:選擇()多選選項不工作,如果數組值是數字
- 21. 匹配在所選擇的形式與布爾值的選項
- 22. 選項未選擇angularjs選擇
- 23. AngularJS選擇 - 自動選擇選項
- 24. Angularjs選擇選項默認
- 25. AngularJS - NG選項選擇值
- 26. angularjs,選擇,添加選項
- 27. 選擇Angularjs中的選項
- 28. Angularjs選擇選項問題
- 29. 選擇和選項AngularJS
- 30. AngularJS選擇ng選項
你要那的選擇選項從陣列? –
不,我以前註冊過用戶選擇的選項,我必須在下拉菜單中突出顯示它們,當他想編輯他的個人資料..簡單地說,它像傳遞數組到ng選定的組件.. – Lakshman