渲染时如何隐藏<ui-view>？

Question

我需要隐藏<ui-view></ui-view>内容（包括图片）。 Angular 1.5和jQuery中最简单的方法是什么？

如果没有供应商的话，那就很酷。

Answer 1

这可能会回答您的问题：https://stackoverflow.com/a/13276214/5954939。

摘要 - $("#grid").closest('[class^="col-sm"]') 属性将隐藏呈现的元素（通过应用相关的CSS）。

Answer 2

你可以像这样玩css：

[ui-view].ng-enter, [ui-view].ng-leave {
    transition: z-index .5s; }

[ui-view].ng-enter, [ui-view].ng-leave-active {
    z-index: 0; }

[ui-view].ng-leave, [ui-view].ng-enter-active {
    z-index: 1; }

作为选项，您可以使用不透明度更改z-index。