你的位置:首页 > 软件开发 > Java > 从0开始学angularjs-笔记03

从0开始学angularjs-笔记03

发布时间:2015-09-06 12:00:06
大家好,今天上班第一天,可能大家都不是很想上班吧,我也是一样啦~~~不想上班就来继续写我的angualrjs教程,造福大家吧!!今天的主要讲解部分有以下几点:1.演示一个完整的项目结构 2.$scope的含义 3.模块化和依赖注入。一.演示一个完整的项目结构。 ...

从0开始学angularjs-笔记03

大家好,今天上班第一天,可能大家都不是很想上班吧,我也是一样啦~~~不想上班就来继续写我的angualrjs教程,造福大家吧!!

今天的主要讲解部分有以下几点:1.演示一个完整的项目结构  2.$scope的含义  3.模块化和依赖注入。

一.演示一个完整的项目结构。

     下面的所有这些代码,都是转载于@大漠穷秋 老师的。我转载来之后放到了github上,大家可以去这个链接看源代码。一边看,一边学习,效果最好了~~~~

  下面我们来看这个截图,

 

  从0开始学angularjs-笔记03

  这就是一个完整的angularjs项目应该有的目录结构。下面我来讲解每一个文件夹对应的分别是什么含义。

  1.css:不用说了,就是放一些css的样式文件。

  2.framework:这里一般放一些除了angularjs之外的第三方需要的前端框架(ui),比如bootstrap、ueditor等等。

  3.imgs:也不用说,放图片文件。

  4.index.html:主要文件,当然,如果项目文件比较多,也可以单独建个文件夹放页面。

  5.js:不用多说,放自己新建的js文件。

  6.tpls:全称是templates,意思是模版。里面放的是部分html代码。与angualrjs的directive命令中的templateUrl属性合用。

 

下面我们主要看一下tpls的使用方法:这里的tpls文件夹下有一个test.html文件,代码如下:

 1 <ul> 2   <li> 3     第一行test 4   </li> 5   <li> 6     第二行test 7   </li><li> 8     第三行test 9   </li>10 </ul>

原标题:从0开始学angularjs-笔记03

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。