Question

我在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>

你能指导一下这里有什么不对吗，谢谢。

Answer 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>

角度选择框不显示在Mozilla，Internet Explorer（bootstrap-select）

1 个答案: