AngularJS：使用框架是个好主意？

Posted 2023-03-05

【中文标题】AngularJS：使用框架是个好主意？

【英文标题】：AngularJS: a good idea to use frames?

【发布时间】：2014-03-17 02:57:30

【问题描述】：

我正在实现一个具有三面板主视图的 AngularJS 应用程序。布局有点像邮件系统，左侧有一个导航栏。右窗格一分为二；当您从导航栏中选择某些内容时，它会填充右上角的窗格，当您在那里选择某些内容时，它会填充右下角的窗格。窗格需要可调整大小和滚动。

我可以看到实现这一点的三种基本方法：

为窗格使用框架 对窗格使用 div 元素，使用 javascript 控件调整大小和滚动 一个混合体（可能是带有 JavaScript 调整大小的 div，但包含带有原生滚动的 iframe）

关于在框架中使用 AngularJS 的在线信息非常少，这让我认为不推荐使用 (1)。我只是有点担心 (2) JavaScript 调整大小和滚动将不如原生控件。在某些情况下，内容可能很大。并且 (3) 似乎结合了每种方法中最糟糕的部分。

所以我正在寻找关于哪种方法可能最有效的建议。

【问题讨论】：

ui-router怎么样？ github.com/angular-ui/ui-router 不明白你为什么需要框架，只是尽量不要使用它们。

@EugeneP - 那么如何使单个窗格可调整大小和滚动？ JSFiddle 在这方面做得很好；知道它使用什么 UI 库吗？

你可以使用 bootstrap。或者只是做一些甜蜜的CSS规则。这里没有什么复杂的

【参考方案1】：

angular ui-router 是解决已发布问题的好选择。

https://github.com/angular-ui/ui-router

对于 css - 有很多不同的框架，最著名的是 bootstrap。 或者您可以自己制作 css。

http://getbootstrap.com/

【讨论】：

谢谢，这真的很有帮助！

我发现 angular-ui-layout 是拥有可调整 div 的最佳库：github.com/angular-ui/ui-layout

【参考方案2】：

在我看来，它不推荐使用框架，因为它破坏了浏览器的通用功能，例如共享 url、框架之间的导航、默认框架集等。

最好的解决方案是使用带有嵌套视图https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views 的ui 路由器插件https://github.com/angular-ui/ui-router。您应该查看文档中的示例

对于可滚动的 div，您应该使用 css 属性，并且对于调整大小，定义一个指令可能会很好

希望对你有帮助