AngularJs md网格瓦片在另一个md网格瓦片后面

Question

我想用另一个<md-grid-tile>来显示/隐藏另一个a。因为<md-grid-list>的高度是以前计算过的，所以在“隐藏”网格瓦片的过程中，我留下了空白的间隙。我怎样才能把网格瓦片放在另一个栅格瓦片的下面，这样我的网格列表中就不会有空格了？示例：

<md-grid-list>
  <md-grid-tile>
    //content
  </md-grid-tile>
  <md-grid-tile>
    //content to hide if condition
  </md-grid-tle>
  <md-grid-tile>
    //content to show if condition
 </md-grid-tile>
  <md-grid-tile>
    //content
  </md-grid-tile>
</md-grid-list>

Answer 1

您可以不使用ng-show/hide而使用ng-if。

https://docs.angularjs.org/api/ng/directive/ngIf

值为false的ng-if将从DOM中完全删除md-grid-tile。ng-show使用display css属性，而不是从DOM中删除。

falsyExpresion表示要定义的自定义表达式时的一些用法示例：

<md-grid-tile ng-if="falsyExpression">
//content
</md-grid-tile>

<md-grid-tile ng-if="false">
//content
</md-grid-tile>