Angular 单页应用

单页应用这个词初一听，还不知道是啥回事，没关系，这篇文章就一步一步地来揭开这个神秘的面纱。

在传统的web应用中，有一系列的hmtl,jps页面，每个页面可能会进行跳转，当然它的步骤是下面的：

1）A页面发起跳转请求；

2）服务器接受后将B页面展现给用户。

上面是目前主流web应用的模式，现在出现了一个单页应用，它又是什么一个意思呢？在讲之前，提提ajax，ajax是异步传输，它只加载了我们需要的数据，节省了很多流量，避免传输整个页面内容。

ok，明白了ajax的原理，其实单页应用就是利用类似的原理来实现的。引用一下老外的话：

Nowifwetrytounderstandwhatasinglepageapplicationis,itcansimplybedefinedasanapplicationthatwillloadasingleHTMLpageinthebrowserandoneachsubsequentrequeststhenewdataandnewHTMLispulledfromtheserverusingAJAX.

什么意思呢？就是将一个页面划分多个区域，如首页，左侧菜单，右侧内容区，底部，其实只有一个是变化的，那就是右侧内容区，所以每次点击不同的请求，只是加载右侧内容区的view。

整个页面的结构大概是这样的：

<divheader>xxx</div>

<divnavbar>xxx</div>

<divclass="content">

<divng-view></div>

</div>

请注意那个ng-view，那就是来加载不同的view的，单页其实就是上面的这个模板页。