AngularJs md网格平铺在另一个md网格平铺后面

Question

我想用另一个<md-grid-tile>进行ng显示/隐藏。因为<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-if而不是ng-show/hide。

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

ng-if的错误值将从DOM中完全移除md-grid-tile。ng-show使用displayCss属性，而不是从DOM中删除。

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

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