Question

我正在使用ui-router并且我有以下索引视图：

<div ng-include="'/views/topbar.html'"></div>
<div class="vm-view">
    <div class="container-fluid" ui-view></div>
</div>

因此，所有内容都将加载到顶部栏下。好的，但我需要渲染一个没有顶栏的全视图（全屏）。我想在不使用named views的情况下这样做。我想保持索引结构的完整性和状态层次结构。

Answer 1

尝试根据当前状态添加一些类来隐藏顶栏

<div ng-controller="someCtrl">
    <div ng-class="{hide:isSpecialState()}" ng-include="'/views/topbar.html'"></div>
    <div class="vm-view">
        <div class="container-fluid" ui-view></div>
    </div>
</div>

app.controller('someCtrl', function($state) {
    $scope.isSpecialState = function() {
        return $state.is('<STATE_NAME>');
    };
})

如何使用角度ui-router显示全屏视图？

1 个答案: