AngularJS搭建单页APP(拉钩)

效果图->搭建项目->分模块开发->产品->扩展（迭代）

1. 路由管理模块的配置和使用

   • （模块1）内置指令的使用方法
   • 自定义指令
   • （模块2）过滤器
   • promise和ajax内置服务
   • 第三方模块编写自定义服务
   • （模块3）表单检验

   
   
   Angular门槛：
   
   模块（module）:容器
   指令（directive）:负责和HTML元素进行绑定，同时相互作用
   服务器（service）：公有的代码逻辑
   控制器（controller）：私有的代码逻辑， 只对专有的业务或者是视图进行绑定
   过滤器（filter）：是对数据进行过滤

路由模块监听浏览器哈希值变化，加载不同的Html代码，也就是视图和对应的逻辑。
控制器和视图通过$scope（对象）进行双向数据绑定。

调试工具-batarang
Ag的错误比较隐蔽，不容易Debug.
查看作用域对象，性能分析，输出调试信息

第三方依赖管理工具：bower
命令：bower init（初始化，创建一个bower.js的文件）,bower install,bower uninstall
配置文件：.bowerrc（修改安装目录）,bower.json（配置管理第三方依赖）

    npm i -g bower    bower -v 

bower init输出：{  name: 'webapp',  authors: [    '含笑 <[e-mail]>'  ],  description: 'angular.js webapp',  main: '',  keywords: [    'angular.js'  ],  license: 'MIT',  homepage: '',  ignore: [    '**/.*',    'node_modules',    'bower_components',    'test',    'tests'  ]}? Looks good? YesD:\HtmlBeginner\webapp>

从github仓库里面拉取文件，下载D:\HtmlBeginner\webapp>bower i angular（切换版本angular#1.2） --savebower not-cached    https://github.com/angular/bower-angular.git#*bower resolve       https://github.com/angular/bower-angular.git#*bower download      https://github.com/angular/bower-angular/archive/v1.6.4.tar.gzbower extract       angular#* archive.tar.gzbower resolved      https://github.com/angular/bower-angular.git#1.6.4bower install       angular#1.6.4angular#1.6.4 bower_components\angular

创建没有前置名的文件

CMD输入null>.bowerrc

{    "directory":"lib"}这时在用bower安装会自动创建一个lib文件夹+库文件

gulp很好用。

location:replace 回跳的时候消除当前路径，参数:获取页面

数据绑定（data-binding）

指令（directive）