当前位置: 首页 > 面试题库 >

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

宫晟
2023-03-14
问题内容

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

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

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

谢谢!


问题答案:

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

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


 类似资料:
  • 问题内容: 我试图了解和/ 之间的区别,但对我来说它们看起来相同。 我应该记住使用一个或另一个来区别吗? 问题答案: ngIf 该指令根据表达式 删除或重新创建 DOM树的一部分。如果赋值为的表达式的计算结果为假值,则将元素从DOM中删除,否则将元素的克隆重新插入DOM中。 删除元素时,使用它的作用域将被销毁,并在恢复该元素时创建一个新的作用域。在内部创建的作用域使用原型继承从其父作用域继承。 如

  • 我知道和会影响元素上的类集,并且控制元素是否呈现为DOM的一部分。 是否有关于选择ng(如果)而不是ng(显示)或ng(隐藏)的指南?

  • 问题内容: 我了解这一点,并会影响在元素上设置的类,并控制是否将元素呈现为DOM的一部分。 有没有对选择的准则在/ 或反之亦然? 问题答案: 取决于您的用例,但总结不同之处: 将从DOM中删除元素。这意味着您所有的处理程序或所有附加到这些元素的内容都将丢失。例如,如果将单击处理程序绑定到子元素之一,则将其评估为false时,将从DOM中删除该元素,并且即使稍后将其评估为true并显示该元素,您的单

  • 问题内容: 想象一下可能会在网页上呈现的大量内容,例如图表。Angular提供2个选项来切换内容的可见性。 ng-show 将呈现内容,而不管其表达方式是什么,然后在事实之后简单地“隐藏”它。这是不理想的,因为用户在会话期间可能永远不会“打开”内容,因此渲染内容很浪费。 ng-if 在这方面更好。如果表达式为假,则用它代替ng- show可以防止首先显示大量内容。但是,它的优点也是缺点,因为如果用

  • 我试图理解ng if和ng show之间的区别,但在我看来它们是一样的。 选择使用其中一种或另一种有什么区别吗?

  • 问题内容: 我是AngularJS的新手,所以对于我的问题可能有一个简单的解决方案。我一直在处理这种形式。我有两个输入- 一个用于门的数量,一个用于窗户的数量。然后,我要显示几个div,如果它们满足一定数量的门窗总数。当我在输入中输入数字时,ng-show解析为“ true”。但是该元素上仍然具有“ ng-hide”类,因此仍将其隐藏。 这是我的代码示例: 这是我输入3门和4窗口时的输出: 问题答