angularjs知识点五完整的项目结构

来源:互联网 发布:数字域名值钱吗 编辑:程序博客网 时间:2024/06/06 00:48

anjularjs中一个完整的项目结构是怎么样的呢?先看张图:
这里写图片描述

packge.json:你在项目中安装的nodejs的各种工具的配置文件。
node_modules:安装的nodejs的存放目录。
app:项目主文件

  • index.html:是一个主视图文件
<div ng-view></div>
  • tpls:代码片段存放文件夹,受路由控制,会根据不同的路由把不同的代码片段加载到主视图文件中。看下图,比如当在浏览器输入你项目的跟地址/index.html#/hello,会把hello.html对应的片段加入到主视图中。并且我们在路由中配置hello.html的处理交给HelloCtrl控制。
  • js文件:
    app.js:js的入口文件,对于主视图中的’ng-app=bookStoreApp’生成一个模块。本来控制代码,路由代码都在这个文件写,但是为了开发方便,通常把一个模块分成多个模块,靠依赖注入的方式实现,也就是这个模块依赖后边[]中的各个模块,带ng的是系统自带的,其余的是自己写的.

    这里写图片描述

  • 其余的css,image就不多说了

原创粉丝点击