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突出与在多选择形式组件选项

回答

相关问题