角度材質下拉未能在IE11中正確顯示

有沒有辦法讓IE11正確顯示角度材質下拉（與所有其他瀏覽器一樣）？角度材質下拉未能在IE11中正確顯示

這是應該的樣子：

這是它的外觀在IE11：

這是網站： [例如不再可用。 AngularJS太慢了，我們有一個更快的技術]

這是該導航線的相關代碼（簡體）取代了它：

angular.module('App', ['ngMaterial']);

<!DOCTYPE html> 
 
<html ng-app="App"> 
 

 
<head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-animate.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-aria.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-messages.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.4/angular-material.min.js"></script> 
 
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.4/angular-material.min.css"> 
 
</head> 
 

 
<body> 
 
    <div class="md-block" flex-gt-xs> 
 
    <md-input-container layout="row"> 
 
     <div flex> 
 
     <label>Mein Start-Ort (Adresse)</label> 
 
     <inputclass="form-control" /> 
 
     </div> 
 
     <div flex="nogrow"> 
 
     <md-button class="md-icon-button" aria-label="Standort"> 
 
      <md-icon md-svg-icon="_img/icons/location.svg"></md-icon> 
 
     </md-button> 
 
     </div> 
 
    </md-input-container> 
 
    </div> 
 

 
    <div class="md-block" layout="row"> 
 
    <div flex="nogrow"> 
 
     <md-button class="md-raised md-primary">Schweiz</md-button> 
 
    </div> 
 
    <md-input-container flex> 
 
     <label>Anreise</label> 
 
     <md-select ng-model="transport"> 
 
     <md-option value="car" selected>Mit dem Auto</md-option> 
 
     <md-option value="transit">Mit dem ÖV</md-option> 
 
     <md-option value="bike">Mit dem Velo</md-option> 
 
     <md-option value="walk">Zu Fuss</md-option> 
 
     </md-select> 
 
    </md-input-container> 
 
    </div> 
 
</body>

來源

2017-06-21 Simon Ferndriger

順便說一句：誰能告訴我，爲什麼下拉一般（所有瀏覽器）打開這麼慢？ –

我不認爲您需要在右側的元素上使用flex值。這就像你之後的事情嗎？

angular.module('App', ['ngMaterial']);

<!DOCTYPE html> 
 
<html ng-app="App"> 
 

 
<head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-animate.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-aria.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-messages.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.4/angular-material.min.js"></script> 
 
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.4/angular-material.min.css"> 
 
</head> 
 

 
<body> 
 
    <div layout="row"> 
 
    <div class="md-block" flex-gt-xs> 
 
    <md-input-container layout="row" flex> 
 
     <div flex> 
 
     <label>Mein Start-Ort (Adresse)</label> 
 
     <input class="form-control" /> 
 
     </div> 
 
     <div> 
 
     <md-button class="md-icon-button" aria-label="Standort"> 
 
      <md-icon md-svg-icon="_img/icons/location.svg"></md-icon> 
 
     </md-button> 
 
     </div> 
 
    </md-input-container> 
 
    </div> 
 

 
    <div class="md-block" layout="row"> 
 
    <div> 
 
     <md-button class="md-raised md-primary">Schweiz</md-button> 
 
    </div> 
 
    <md-input-container> 
 
     <label>Anreise</label> 
 
     <md-select ng-model="transport"> 
 
     <md-option value="car" selected>Mit dem Auto</md-option> 
 
     <md-option value="transit">Mit dem ÖV</md-option> 
 
     <md-option value="bike">Mit dem Velo</md-option> 
 
     <md-option value="walk">Zu Fuss</md-option> 
 
     </md-select> 
 
    </md-input-container> 
 
    </div> 
 
    </div> 
 
</body>

來源

2017-06-26 17:27:31 adam0101

你做到了，非常感謝！只有一個（獎金）問題：你知道爲什麼切換標籤或打開下拉菜單太慢嗎？你知道這可以改進嗎？ –

我不知道。我自己在IE中困擾着性能問題。如果谷歌的「角材料性能ie」，你會看到關於這個問題的一大堆問題。在篩選了他們的github網站上的許多問題之後，我有一些運氣禁用了IE的連鎖反應和一些CSS轉換。此外，請確保您已升級到最新版本，因爲我知道他們在其中一個版本中爲選項卡性能做了一些主要修復。 – adam0101

嗨@ adam0101 - 謝謝你的提示！我剛剛將dev.so ***網站更新爲角度1.6.4和角度材質1.1.4，但性能問題仍然存在（在桌面系統上的所有瀏覽器上，它只能在移動設備上以正常速度運行） - 尤其是選項卡切換和下拉打開很慢。你可能知道一個更好/更快的框架使用？ –

角度材質下拉未能在IE11中正確顯示

回答

相關問題