angularjs路由学习

AngularJS前端路由解析

最新推荐文章于 2020-07-24 20:48:54 发布

原创最新推荐文章于 2020-07-24 20:48:54 发布 · 281 阅读

0 ·

CC 4.0 BY-SA版权

angular 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了AngularJS中前端路由的工作原理。通过使用AJAX请求HTML文件，并将其subview插入到指定的DOM容器中，实现页面局部刷新而不重新加载整个页面。这种机制有助于提升用户体验并优化资源消耗。

学习了angularjs当中的路由功能，查了下资料

Angular中实现的是前端路由，前端路由的原理是使用ajax去请求一个html文件，这个文件里定义的是一个subview，然后将这个subview中的dom节点取出后替换到某个充当container的dom中去（如ng中就是标示了ng-view的div了），而mainView是不会发生改变的。

<html>
<mainView dom> //我是不会被刷新的
    <other dom/> //我是不会被刷新的
    <router container dom> //我是container，刷新的只有我之下的children
        <subView dom>  //我是subView，一会儿我就要被新的subView替换了。
    <router container dom>
<mainView>
</html>

现在只是根据文档能够写个简单的单页面路由应用，具体的原理还不是太懂，有时间再来补充