Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJS:使用框架是个好主意?_Javascript_Html_Angularjs_Iframe - Fatal编程技术网

Javascript AngularJS:使用框架是个好主意?

Javascript AngularJS:使用框架是个好主意?,javascript,html,angularjs,iframe,Javascript,Html,Angularjs,Iframe,我正在实现一个AngularJS应用程序,它有三个面板的主视图。布局有点像邮件系统,左侧有一个导航栏。右窗格一分为二;当您从导航栏中选择某个内容时,它将填充右上窗格,当您在那里选择某个内容时,它将填充右下窗格。窗格需要可调整大小并可滚动 我可以看到实现这一点的三种基本方法: 为窗格使用框架 对窗格使用div元素,并使用JavaScript控件调整大小和滚动 一种混合(可能是带有JavaScript大小调整的divs,但包含带有本机滚动的iframe) 在线上关于使用AngularJS和框架的信息

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

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

  • 为窗格使用框架
  • 对窗格使用div元素,并使用JavaScript控件调整大小和滚动
  • 一种混合(可能是带有JavaScript大小调整的divs,但包含带有本机滚动的iframe)
  • 在线上关于使用AngularJS和框架的信息很少,这让我认为(1)是不推荐的。我只是有点担心(2)JavaScript的大小调整和滚动将不如本机控件。在某些情况下,内容可能很大。(3)似乎结合了每种方法中最差的一种


    因此,我正在寻找哪种方法最有效的建议。

    在我看来,不建议使用框架,因为它破坏了浏览器的通用功能,如共享URL、框架之间的导航、默认框架集等

    最好的解决方案是使用带有嵌套视图的ui路由器插件。您应该查看文档中的示例

    对于可滚动的div,您应该使用css属性,对于resize,最好定义一个指令


    我希望它有帮助

    在我看来,不建议使用框架,因为它破坏了浏览器的通用功能,如共享URL、框架之间的导航、默认框架集等

    最好的解决方案是使用带有嵌套视图的ui路由器插件。您应该查看文档中的示例

    对于可滚动的div,您应该使用css属性,对于resize,最好定义一个指令


    我希望它有帮助

    角度ui路由器是解决问题的好选择

    对于css,有很多不同的框架,最著名的是引导。 或者你可以自己动手制作css


    角度ui路由器是解决发布问题的良好选择

    对于css,有很多不同的框架,最著名的是引导。 或者你可以自己动手制作css


    用户界面路由器怎么样?我不明白为什么你需要框架,只是尽量不要使用它们。@EugeneP-那么我如何使单个窗格的大小可以调整和滚动呢?JSFIDLE在这方面做得很好;知道它使用什么UI库吗?例如,您可以使用bootstrap。或者只是做一些可爱的css规则。这里没有什么复杂的东西,ui路由器呢?我不明白为什么你需要框架,只是尽量不要使用它们。@EugeneP-那么我如何使单个窗格的大小可以调整和滚动呢?JSFIDLE在这方面做得很好;知道它使用什么UI库吗?例如,您可以使用bootstrap。或者只是做一些可爱的css规则。这里没什么复杂的谢谢,这真的很有帮助!我发现angular ui布局是拥有可调整大小的div的最佳库:谢谢,这真的很有帮助!我发现angular ui布局是拥有可调整大小的div的最佳库: