使用ng-if佔用閃爍的md-grid-tile

Question

我想使用md-gid-tile使用ng-if或ng-show 但使用ng-show佔用空間。 #6597

所以我用了ng-if但它佔據閃爍

這裏simple pan。

時多次點擊按鈕twinkle，你可以看到下面

按鈕上的閃爍字串我想去掉閃爍字串
:(幫我...

Answer 1

確實有看起來是一個問題ng-if當快速點擊某些時候出現聚集在按鈕下方的字，這似乎並不是ng-show的情況我已經從md-grid-tile中刪除了ng-if並在md-grid-list中放置了ng-show並且移動了該按鈕退出md-grid-list。在val爲真的情況下，由於藍色方塊的位置可以看到，按鈕上不再顯示已聚集的單詞，md-grid-list僅佔用空間。

CodePen

標記

<div> 
    <md-button class="md-primary md-raised" ng-click="toggle()">twinkle</md-button> 
</div> 
<md-grid-list style="margin=10px;"md-cols="4" md-row-height="16:3" ng-show=val> 
    <md-grid-tile> 
    <p>TwinkleAppTwinkleAppTwinkleApp111</p> 
    </md-grid-tile> 
    <md-grid-tile> 
    <p>TwinkleAppTwinkleAppTwinkleApp2</p> 
    </md-grid-tile> 
    <md-grid-tile> 
    <p>TwinkleAppTwinkleAppTwinkleApp3</p> 
    </md-grid-tile> 
    <md-grid-tile> 
    <p>TwinkleAppTwinkleAppTwinkleApp4</p> 
    </md-grid-tile> 
    <md-grid-tile> 
    <p>TwinkleAppTwinkleAppTwinkleApp5</p> 
    </md-grid-tile> 
    <md-grid-tile> 
    <p>TwinkleAppTwinkleAppTwinkleApp6</p> 
    </md-grid-tile> 
</md-grid-list> 
<div style="background:blue; width:100px; height:100px; margin-top:20px;">