想象一个应用程序有一个“列表”页面,例如一个显示用户列表的表格。表的每一行上都有一个名为“编辑”的按钮,单击此按钮后,将在浏览器的右侧显示一个右面板,其中包含用于编辑该用户内容的表单。保存或关闭表单后,右侧面板消失。
当进入和退出编辑状态时,如何使Angular UI Router自动显示/隐藏右侧面板?默认情况下,将添加和删除模板,但是容器本身仍将存在于屏幕上。
在UI路由器的演示应用程序中,html布局为所有子状态分配了空白空间,但是在我正在构建的应用程序中,如果不使用面板,我真的很想隐藏面板,甚至可以滑动整个屏幕。 -进入和退出状态。我猜想我必须利用ng-show和ng-hide来做到这一点。我该如何使用UI路由器?
谢谢!
我想到的最好的解决方案是这样的:
<div id="rightView" ng-show="$state.current.name === 'adminCompanies.list.edit'"> <div ui-view autoscroll="false"></div> </div>