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選項。

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

</select>