如何使用角度ui路由器进行ng-hide和ng-show视图？

Question

想象一个应用程序有一个“列表”页面，例如一个显示用户列表的表格。表的每一行上都有一个名为“编辑”的按钮，单击此按钮后，将在浏览器的右侧显示一个右面板，其中包含用于编辑该用户内容的表单。保存或关闭表单后，右侧面板消失。

当进入和退出编辑状态时，如何使Angular UI Router自动显示/隐藏右侧面板？默认情况下，将添加和删除模板，但是容器本身仍将存在于屏幕上。

在UI路由器的演示应用程序中，html布局为所有子状态分配了空白空间，但是在我正在构建的应用程序中，如果不使用面板，我真的很想隐藏面板，甚至可以滑动整个屏幕。
-进入和退出状态。我猜想我必须利用ng-show和ng-hide来做到这一点。我该如何使用UI路由器？

谢谢！

Answer 1

我想到的最好的解决方案是这样的：

<div id="rightView" ng-show="$state.current.name === 'adminCompanies.list.edit'">
    <div ui-view autoscroll="false"></div>
</div>