Angularjs 角度材质:标签与IE的性能

Angularjs 角度材质:标签与IE的性能,angularjs,tabs,angular-material,Angularjs,Tabs,Angular Material,当我使用某些内容时,使用Internet Explorer时的性能非常差。当我升级到angular material 0.11.1时,它有了显著的改进,但仍然很差(内容主要由md列表组成,但没有选项卡包含超过12项..)。如果需要使用md dynamic height指令,性能会变得更差 /*UPDATE: ********* ADDED FIDDLE See fiddle with IE and Chrome for comparison*/ 所以我有两个想法: (1) 如果应该显示

当我使用某些内容时,使用Internet Explorer时的性能非常差。当我升级到angular material 0.11.1时,它有了显著的改进,但仍然很差(内容主要由md列表组成,但没有选项卡包含超过12项..)。如果需要使用md dynamic height指令,性能会变得更差

/*UPDATE: 
*********

ADDED FIDDLE 
See fiddle with IE and Chrome for comparison*/

所以我有两个想法:

(1) 如果应该显示选项卡内容的选项卡处于活动状态,是否有办法仅加载选项卡内容

我们有4个选项卡,每个选项卡包含5项:

页面加载:选项卡1处于活动状态,其内容已加载。 选项卡2、3、4的内容还不是dom的一部分

用户单击选项卡3

  • 选项卡1的内容已删除
  • 选项卡更改动画
  • 制表符更改动画完成:制表符3的内容被添加到dom中(我们可以在这里使用某种加载动画…)
  • 向用户显示内容
  • (2) 在显示内容之前调整高度

  • 首先更改动画
  • 加载内容
  • 调整容器的高度
  • 向用户显示内容

  • 您可能希望在您认为可能出现问题的地方包含一些代码,或者更好—处理您的问题的运行示例。不知道Ajmajma?:)我还没有仔细研究过,但我可以告诉你,角材料使用flex进行大多数布局(如果不是所有布局的话)。IE似乎不喜欢flex-看看这个(这可能是你的问题的一部分,但老实说,我不是100%确定)