Angular开发杂记——模块代替页面

尝试把原来的项目改造成angular实现,其中一个特性:

原来是主页放一个iframe:


然后iframe里面链接多个页面。现在使用angular,是采用单页,即主页放一个div,然后每个页面变成模块,加载到div显示。
区别是,第1种(原始页面方式),每个页面都要定义页面,加载js和css,像这样:

Angular开发杂记——模块代替页面_第1张图片

          第2种(angular组织方式),在首页就加载好JS了,这样每个模块只要写主体部分,像这样:

Angular开发杂记——模块代替页面_第2张图片

好处请自行领悟。然后再来看看angular开发的目录结构图:

Angular开发杂记——模块代替页面_第3张图片

从此图也可以大致了解angular的架构思路:controller就对应着view里面的逻辑,services对应服务请求,典型的mvc,这样就很清晰了



你可能感兴趣的:(Angular开发杂记——模块代替页面)