Question

我希望将md-gid-tile与ng-if或ng-show一起使用但是ng-show使用占据了空间。 #6597

所以我使用ng-if，但它占据了闪烁的

多次单击twinkle按钮时，您可以在下面的按钮上看到闪烁的单词串

我想删除闪烁的单词束 :(帮帮我......

Answer 1

ng-if似乎确实存在问题。当快速点击时，某些时候出现的单词会在按钮下方聚集。 ng-show似乎不是这种情况。我已从ng-if移除了md-grid-tile，并在ng-show中放置了md-grid-list，并将按钮移出md-grid-list。成熟的单词不再出现在按钮下方，md-grid-list仅在val为真时占据空间，蓝色正方形的位置可以看到。

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

带有ng-if的md-grid-tile占用闪烁

1 个答案: