UI-Router：隐藏一个视图并根据某些条件显示另一个视图

Question

com.github.dcendents.android-maven

我想隐藏产品视图并根据某些条件显示详细视图。

 <div id="documentView" class="col-md-9 col-sm-12 col-xs-12">
        <div ui-view="productView"></div>
    </div>

    <!-- detail page implementation -->  
    <div ui-view="detailView"></div>  

上面是我的状态管理器文件，但我不知道如何实现它，根据某些条件隐藏一个视图并显示另一个视图。

基本上，Productview是在一些指令的基础上形成的，它显示一个表，它在行内显示一些超链接。我想当用户点击那些超链接时，它会带我去详细页面并隐藏表是productview。 / p>

Answer 1

根据您的条件使用ng-if，这样您的div标签将如下所示：

 <div ui-view="productView" ng-if="someCondition">
 <div ui-view="detailView" ng-if="otherCondition">

希望这有帮助。