0

次の選択ボックスがクロームに表示されますが、他のブラウザでは表示されません 選択ボックスをスタイルするためにブートストラップセレクト(1.12.2 V)を使用します。mozillaに角度選択ボックスが表示されない

options.html

<select ng-model="ctrl.qSettings.env" 
     ng-change="ctrl.envChanged()" 
     class="selectpicker" 
     data-width="fit"> 
<option style="color: #5cb85c;" 
     ng-repeat="env in ctrl.qSettings.envs">{{env}} 
</option> 
</select> 

HTML

<!DOCTYPE html> 
<html lang="en" ng-app="app"> 

    <head> 
    <link rel="stylesheet 
    href="node_modules/bootstrap/dist/css/bootstrap.min.css"> 
    <-- bootstrap select --> 
    <link rel="stylesheet" 
    href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap 
    select/1.12.2/css/bootstrap-select.min.css"> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap- 
    select/1.12.2/js/bootstrap-select.min.js"></script> 
</head> 
<body ng-controller="abcCtrl as ctrl"> 

    <div ng-include="'templates/options.html'"></div> 

    <script src="node_modules/bootstrap/dist/js/bootstrap.js"></script> 
    <-- ui select --> 
    <script src="node_modules/ui-select/dist/select.min.js"></script> 
    <link rel="stylesheet" href="node_modules/ui-select/dist/select.min.css"> 
</body> 
</html> 

あなたは、ここで間違っているだろうものに感謝を私を導いてくださいすることができます。

答えて

1

ng-optionsを試してください。

<select ng-model="ctrl.qSettings.env" 
     ng-change="ctrl.envChanged()" 
     class="selectpicker" 
     data-width="fit" 
    ng-options="env in ctrl.qSettings.envs"> 

</select> 
関連する問題