Angularjs UI路由器：根据某些条件隐藏一个视图并显示另一个视图

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

---

基本上，Productview是基于某些指令形成的，它显示一个表，在行内显示一些超链接。我希望当用户单击这些超链接时，我将进入详细信息页面并隐藏Productview表。

如果根据您的条件使用ng，那么您的div标记将如下所示：

  .state('app.sr.product', {
            name: 'product info',
            url: '/product/:productRef/:productSerialNumber',
            views: {
                "rootContainer": {
                    templateUrl: 'views/product/product.html',
                    controller: 'ProductCtrl',
                    controllerAs: 'vm'
                },
                "productDetails@app.sr.product": {
                    templateUrl: 'views/product/product-details.html',
                    //controller: 'ProductCtrl', // herited from parent !
                    //controllerAs: 'vm'
                },
                "productView@app.sr.product": {
                    templateUrl: 'views/product/product-documents.html',
                    //controller: 'ProductCtrl',
                    //controllerAs: 'vm'
                },
                "detailView@app.sr.product": {
                    templateUrl: 'views/detail/detail1.html',
                    controller: 'DetailCtrl',
                    controllerAs: 'vm'
                }
            }
        })

---

希望这有帮助。

ng如果

和一些父作用域变量来保留/更新标志？你能提供一些代码或fiddler吗？将是一个很大的帮助谢谢你的回答，但我不能接受答案，因为它太让我测试了。我现在没带密码

  .state('app.sr.product', {
            name: 'product info',
            url: '/product/:productRef/:productSerialNumber',
            views: {
                "rootContainer": {
                    templateUrl: 'views/product/product.html',
                    controller: 'ProductCtrl',
                    controllerAs: 'vm'
                },
                "productDetails@app.sr.product": {
                    templateUrl: 'views/product/product-details.html',
                    //controller: 'ProductCtrl', // herited from parent !
                    //controllerAs: 'vm'
                },
                "productView@app.sr.product": {
                    templateUrl: 'views/product/product-documents.html',
                    //controller: 'ProductCtrl',
                    //controllerAs: 'vm'
                },
                "detailView@app.sr.product": {
                    templateUrl: 'views/detail/detail1.html',
                    controller: 'DetailCtrl',
                    controllerAs: 'vm'
                }
            }
        })

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