AngularJS:尝试理解加载新内容而不重新加载页面的技术

时间:2017-07-18 22:53:33

标签: angularjs angular-ui-router

  • 使用AngularJS 1.5.8和Django / Django REST Framework作为后端。
  • 此时有两个网址(app/用于登录,app/dashboard用作主要内容);如果有app/
  • 会很棒
  • logindashboard我有组件; navbarsidebar我有指示。
  • 目前使用ngRoute和我正在阅读的事情让我相信我应该使用ui-router来实现这一目标。

只是想到了一些基本的东西。

我的侧边栏有几个我正在开发的工具。我希望用户能够单击它们,然后在主内容区域中加载与该工具相关的内容,而不会刷新页面或更改URL。

我读过的一些建议ui-router可能更适合这个目的?我不是,当然我正在学习AngularJS并且仍在努力解决它的概念。因此,我没有任何需要修复的代码。主要是试图理解我需要研究的概念和技术来实现这一目标。当你甚至不确定你应该寻找的术语和技术是什么时,很难在Google和SO上查找结果。

不确定是否应使用ngRouteui-router;是否应将模块构建为componentsdirectives;如果每个工具的内容都保留在自己的HTML模板中;等...

1 个答案:

答案 0 :(得分:1)

这是一个有点广泛的问题,但您正在寻找的是客户端路由。 ngRoute和ui-router都以非常类似的方式提供此功能,除了ui-router通过嵌套路由和多个命名视图容器提供显着的可扩展性。

我的建议是从ngRoute开始学习它的来龙去脉,如果你发现需要这个额外的功能,那就切换到ui-router。

客户端路由可以与hash-bang(#/)一起使用,也可以使用html5模式,您可以使用可视功能的基本URL,如服务器端路由。

现在你已经获得了搜索至少如此开心的谷歌搜索的条款!