Angularjs突出與在多選擇形式組件選項

我有所選選項的陣列，我需要強調這些陣列中的所有可用的選項當中作出選擇組件選項給定陣列的多個選項..Angularjs突出與在多選擇形式組件選項

2016-07-16 Lakshman

你要那的選擇選項從陣列？ –

不，我以前註冊過用戶選擇的選項，我必須在下拉菜單中突出顯示它們，當他想編輯他的個人資料..簡單地說，它像傳遞數組到ng選定的組件.. – Lakshman

的標準行爲已經突出顯示選定的選項。下面的例子。在這個例子中默認選擇了兩個選項。

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>

來源

2016-07-16 08:28:16 ScottL

感謝scottl，這裏是一個問題在我的應用程序中，只有一個選項突出顯示了多個選項不突出顯示，即使我和你一樣。而且我也嘗試通過把isOptionSelected始終爲真然後也只有一個選項是突出顯示.. – Lakshman

謝謝斯科特它現在工作.. – Lakshman

Angularjs突出與在多選擇形式組件選項

回答

相關問題