角度材质下拉未能在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中正确显示

回答

相关问题