AngularJS单页面路由配置恩,理解了就格外简短啦

用route实现单页面跳反职能

图片 1

 

使angularJS开发流程

1)配置好angularJS开发条件

2)利用 yo angular projectname创建项目目录

3)删除掉系统自动生成的部分和谐工程不欲的页面及本子

4)修改index.html,在

<!-- Add your site or application content here -->

如上注释下面写好的样式内容,关键是

<div class="container-fluid" id="main" style="float:left;width: calc(100% - 240px);">
<div ng-view=""></div>

</div>

ng-view这个div是占用位符,利用路由和模板作用以见面于此位置插入各个页面的html片段

5)需要几独页面,就先使yo angular:route routename创建有几个行程由于来,yo会自动生成对应之html和js文件,然后于相应的文本被补充加相应内容即可 6)注意函数作用域,哪个页面的function,也就算是所谓的命令,就设当祥和所对应之通令js文件中修。

相关文章