Question

我有一个动态标签内容，从标签页移到另一个标签页，标签内容闪烁。

<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;
}

Answer 1

确保闪烁不是由仅显示了几毫秒的微调器和覆盖引起的！

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

1 个答案: