角度选择框未在 Mozilla、Internet Explorer 中显示（引导选择）答案

【问题标题】：angular select box not displaying in mozilla, Internet explorer (bootstrap-select)角度选择框未在 Mozilla、Internet Explorer 中显示（引导选择）
【发布时间】：2017-04-13 03:55:52
【问题描述】：

我在 chrome 中出现了以下选择框，但在其他浏览器中没有使用 bootstrap-select (1.12.2 V) 设置选择框样式。

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>

你能指导我这里有什么问题吗，谢谢。

【问题讨论】：

标签： javascript angularjs twitter-bootstrap-3 drop-down-menu bootstrap-select

【解决方案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>

【讨论】：