使用角度材质选项卡闪烁选项卡内容答案

【问题标题】：Flickering the tab content using angular material tabs使用角度材质选项卡闪烁选项卡内容
【发布时间】：2016-12-11 09:39:46
【问题描述】：

我有一个动态选项卡内容，从一个选项卡移动到另一个，选项卡内容闪烁。

<md-tabs md-dynamic-height class="md-primary">
        <md-tab data-ui-sref="common.usermanagement.userclassmaintenance" md-active="$state.includes('common.usermanagement.userclassmaintenance')">
            <md-tab-label>
                User-class Maintenance
            </md-tab-label>
            <md-tab-body> 
                <md-content ng-cloak flex layout="column" class="md-padding">                       
                    <div data-ui-view="userclassmaintenance"></div>                        
                </md-content>                           
            </md-tab-body>
        </md-tab>    

        <md-tab data-ui-sref="common.usermanagement.usermaintenance" md-active="$state.includes('common.usermanagement.usermaintenance')">
            <md-tab-label>
                User Maintenance
            </md-tab-label>
            <md-tab-body>               
                <md-content ng-cloak flex layout="column" class="md-padding">                       
                    <div data-ui-view="usermaintenance"></div>               
                </md-content>                           
            </md-tab-body>
        </md-tab>
    </md-tabs>

我还包含了 CSS 的以下部分，我从另一篇文章中获得了它。但不适合我。

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

【问题讨论】：

看起来不错 - codepen.io/camden-kid/pen/xOyPPz
@camden_kid，我有一个包含许多字段的表单，导致闪烁
如果数据在同一页面中，则没有任何闪烁，但我遇到了使用 data-ui-sref 分隔内容的问题
您能在问题中添加表单标记吗？
我面临同样的问题..有什么解决办法吗？

标签： angular-material

【解决方案1】：

确保闪烁不是由仅显示几毫秒的微调器和叠加层引起的！

【讨论】：