首页 > 代码库 > Staying Sharp with Angular.js part 1

Staying Sharp with Angular.js part 1

技术分享

根据类别建立文件夹,并把js文件放在相应的文件夹下面:

技术分享

 

静态的html文件里面很多重复的部分

技术分享

在这个两个html文件里面,only unique的部分就是特定的一些div

技术分享

技术分享

把unique的部分放在own temple file里面

技术分享

把templates 放在自己的文件夹里面:

技术分享

把ng-app加载 main index file里面

技术分享

如果我们加载页面#notes,那么相应note div应该出现,那么我们如何做到这一点?

技术分享

定义一个routes.js 来fetch and load notes/index.html

技术分享

用router 有四个步骤:

技术分享

step 1: using ngView

技术分享

step 2 loading ngRoute library

技术分享

step 3 

技术分享

 bad practice

技术分享

step 4

技术分享

技术分享

不需要declear routerProvider each time

技术分享

我们需要设置默认值,这样没有#后面部分也能显示默认的部分

技术分享

 

 

 技术分享

 

otherwise redirect to the root

技术分享

 

Staying Sharp with Angular.js part 1