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: [
    '含笑 <961737123@qq.com>'
  ],
  description: 'angular.js webapp',
  main: '',
  keywords: [
    'angular.js'
  ],
  license: 'MIT',
  homepage: '',
  ignore: [
    '**/.*',
    'node_modules',
    'bower_components',
    'test',
    'tests'
  ]
}

? Looks good? Yes

D:\HtmlBeginner\webapp>

从github仓库里面拉取文件，下载
D:\HtmlBeginner\webapp>bower i angular（切换版本angular#1.2） --save
bower 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.
gz
bower extract       angular#* archive.tar.gz
bower resolved      https://github.com/angular/bower-angular.git#1.6.4
bower install       angular#1.6.4

angular#1.6.4 bower_components\angular

创建没有前置名的文件

CMD输入null>.bowerrc

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

gulp很好用。

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

数据绑定（data-binding）

指令（directive）