└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # Angular-tutorial code by Wsscat 2 | 3 | ## 控制器 4 | 5 | | Controller || 6 | | --------- | --------- | 7 | |[Angular控制器](https://wscats.github.io/angular-tutorial/angular控制器.html)|[Angular表达式](https://wscats.github.io/angular-tutorial/angular表达式.html)| 8 | |[Angular事件广播](https://wscats.github.io/angular-tutorial/angular事件广播.html)|[Angular基于$window的数据通信](https://wscats.github.io/angular-tutorial/angular基于$window的数据通信.html)| 9 | |[Angular表达式执行函数](https://wscats.github.io/angular-tutorial/Angular表达式执行方法.html)|| 10 | 11 | ## 双向数据绑定 12 | | bind-directional data binding | 13 | | --------- | 14 | |[Angular的$watch,$apply和$digest](https://wscats.github.io/angular-tutorial/angular的$watch,$apply和$digest.html)| 15 | 16 | ## 服务 17 | | Service | | 18 | | --------- | --------- | 19 | |[Angular自定义服务的常用方法](https://github.com/Wscats/angular-tutorial/blob/gh-pages/%E5%B8%B8%E7%94%A8%E8%87%AA%E5%AE%9A%E4%B9%89%E6%9C%8D%E5%8A%A1%E6%96%B9%E6%B3%95.md)|[Angular部分服务demo](https://wscats.github.io/angular-tutorial/部分服务demo.html)| 20 | |[Angular自定义Canvas画图服务](https://wscats.github.io/angular-tutorial/Angular自定义Canvas画图服务.html)|[Angular自定义http服务 面向对象封装](https://wscats.github.io/angular-tutorial/自定义http服务.html)| 21 | |[Angular的provider方法配置服务](https://wscats.github.io/angular-tutorial/angular的provider配置服务.html)|[Angular基于服务的数据通信](https://wscats.github.io/angular-tutorial/angular服务实现作用域之间通信.html)| 22 | 23 | ## 组件与指令 24 | | Directive | | 25 | | --------- | --------- | 26 | |[Angular自定义手势指令](https://wscats.github.io/angular-tutorial/自定义手势事件.html)|[Angular自定义轮播图组件](https://wscats.github.io/angular-tutorial/自定义directive轮播图.html)| 27 | |[Angular自定义下拉刷新组件1](https://wscats.github.io/angular-tutorial/下拉刷新.html)|[Angular自定义下拉刷新组件2](https://wscats.github.io/angular-tutorial/Angular自定义下拉刷新组件.html)| 28 | |[Angular内置指令](https://wscats.github.io/angular-tutorial/Angular内置指令.html)|[Angular自定义点击返回顶部指令](https://wscats.github.io/angular-tutorial/angular自定义点击返回顶部指令.html)| 29 | |[Angular实现选项卡(1)](https://wscats.github.io/angular-tutorial/angular实现选项卡.html)|[Angular实现选项卡(2)](https://wscats.github.io/angular-tutorial/angular实现选项卡2.html)| 30 | |[Angular封装swiper轮播图](https://wscats.github.io/angular-tutorial/angular封装swiper轮播图组件.html)|[Angular中使用ng-switch](https://wscats.github.io/angular-tutorial/ngSwitch.html)| 31 | |[Angular的ng-transclude](https://wscats.github.io/angular-tutorial/angular的ng-transclude.html)|[Angular侧边栏组件](https://wscats.github.io/angular-tutorial/angular实现侧边栏组件.html)| 32 | 33 | | Component | | 34 | | --------- | --------- | 35 | |[Angular的component方法](https://wscats.github.io/angular-tutorial/Angular的component方法.html)|| 36 | 37 | ## 路由 38 | | Router | | 39 | | --------- | --------- | 40 | |[Angular路由嵌套](https://wscats.github.io/angular-tutorial/UI路由嵌套DEMO.html)|[Angular路由单页多个ui-view](https://wscats.github.io/angular-tutorial/uiRoute/index.html)| 41 | 42 | ## 过滤器 43 | | Filter | | 44 | | --------- | --------- | 45 | |[Angular内置过滤器](https://wscats.github.io/angular-tutorial/angular自带过滤器.html)|[Angular自定义关键词检索过滤器(1)](https://wscats.github.io/angular-tutorial/自定义关键词检索过滤器.html)| 46 | |[Angular自定义关键词检索过滤器(2)](https://wscats.github.io/angular-tutorial/自定义关键词检索过滤器(2).html)|[limitTo实现分页](https://wscats.github.io/angular-tutorial/limitTo实现分页.html)| 47 | |[Angular自定义关键词检索过滤器(简版)](https://wscats.github.io/angular-tutorial/自定义关键词检索过滤器(简版).html)|| 48 | 49 | ## 动画 50 | | Animate | | 51 | | --------- | --------- | 52 | |[Angular ng-animate动画1](https://wscats.github.io/angular-tutorial/ng-animate动画.html)|[Angular ng-animate动画2](https://wscats.github.io/angular-tutorial/ng-animate动画2.html)| 53 | 54 | ## API 55 | | API | 56 | | --------- | 57 | [Angular常用api接口](https://wscats.github.io/angular-tutorial/angular常用api接口.html)| 58 | 59 | ## 表单验证 60 | | FORM | 61 | | --------- | 62 | |[Angular表单验证](https://wscats.github.io/angular-tutorial/angular表单验证.html)| 63 | 64 | ## 项目 65 | | Guess you like | | 66 | | --------- | --------- | 67 | |[Angular商城Demo](https://wscats.github.io/angular-tutorial/spa/mobie-b2bdemo1/index.html)|[Angular的Cnode社区](https://wscats.github.io/angular-tutorial/spa/CNode/index.html)| 68 | |[AngularStovepipe](https://wscats.github.io/angular-tutorial/spa/Stovepipe/index.html)|[Angular的新闻客户端](https://wscats.github.io/angular-tutorial/spa/TT/index.html)| 69 | |[Angular商城Demo](https://wscats.github.io/angular-tutorial/spa/mobie-b2bdemo1/index.html)|[Angular的Cnode社区](https://wscats.github.io/angular-tutorial/spa/CNode/index.html)| 70 | |[Angular内联编辑器](https://wscats.github.io/angular-tutorial/angularjs5examples/inline-editor/index.html)|[Angular即时搜索](https://wscats.github.io/angular-tutorial/angularjs5examples/instant-search/index.html)| 71 | |[Angular导航菜单](https://wscats.github.io/angular-tutorial/angularjs5examples/navigation-menu/index.html)|[Angular订单表单](https://wscats.github.io/angular-tutorial/angularjs5examples/order-form/index.html)| 72 | |[Angular切换网格](https://wscats.github.io/angular-tutorial/angularjs5examples/switchable-grid/index.html)|[Angular新闻＋WEUI DEMO](https://wscats.github.io/angular-tutorial/spa/news/index.html) [源码](https://github.com/Wscats/angular-tutorial/tree/gh-pages/spa/NodeServerAndApi-Weui-News)| 73 | |[Angular+Weui单页面应用DEMO-每日笑话](https://wscats.github.io/angular-tutorial/weui每日笑话.html)|| 74 | 75 | ## 文档 76 | | Article | | 77 | | --------- | --------- | 78 | |[ng-repeat绑定事件和嵌套](https://github.com/Wscats/angular-tutorial/issues/21)|[Angular的post请求后台接受不了数据的解决方法](https://github.com/Wscats/angular-tutorial/issues/4)| 79 | |[ionic总结](https://github.com/Wscats/angular-tutorial/issues/19)|[ui-route和ng-route](https://github.com/Wscats/angular-tutorial/issues/17)| 80 | |[ng-options&&ng-switch](https://github.com/Wscats/angular-tutorial/issues/15)|[directive组件作用域](https://github.com/Wscats/angular-tutorial/issues/14)| 81 | |[表单认证](https://github.com/Wscats/angular-tutorial/issues/13)|[$broadcast,$emit and $on](https://github.com/Wscats/angular-tutorial/issues/11)| 82 | |[自定义过滤器](https://github.com/Wscats/angular-tutorial/issues/9)|[自定义手势指令ng-touch](https://github.com/Wscats/angular-tutorial/issues/8)| 83 | |[ng-animate](https://github.com/Wscats/angular-tutorial/issues/7)|[单页面应用的技术点](https://github.com/Wscats/angular-tutorial/issues/3)| 84 | 85 | ## 其他 86 | | Other | | 87 | | --------- | --------- | 88 | |[Angular三级联动(1)](https://wscats.github.io/angular-tutorial/%E4%B8%89%E7%BA%A7%E8%81%94%E5%8A%A8.html)|[Angular三级联动(2)](https://wscats.github.io/angular-tutorial/三级联动改进.html)| 89 | |[Angular事件监听](https://wscats.github.io/angular-tutorial/事件监听.html)|[Angular事件广播](https://wscats.github.io/angular-tutorial/angular事件广播.html)| 90 | |[Angular利用angular.module()实现模块化](https://wscats.github.io/angular-tutorial/angular模块化.html)|[Angular的form表单验证](https://wscats.github.io/angular-tutorial/form表单验证.html)| 91 | |[Angular的ng-repeat嵌套](https://wscats.github.io/angular-tutorial/ng-repeat嵌套.html)|[NodeJs静态服务器](https://github.com/Wscats/angular-tutorial/tree/gh-pages/diyNodeServer)| 92 | |[Angular利用angular.module()实现模块化2](https://wscats.github.io/angular-tutorial/angular模块化2.html)|[Angular+Webpack](https://github.com/Wscats/angular-tutorial/tree/gh-pages/angular%2Bwebpack)| 93 | |[Angular中使用iframe](https://wscats.github.io/angular-tutorial/iframesdemo.html)|[百度定位DEMO](https://wscats.github.io/angular-tutorial/百度地图定位DEMO.html)| 94 | |[Angular自定义cookie服务和ngCookie的使用](https://wscats.github.io/angular-tutorial/ngCookie.html)|[Angular调用百度API接口实现公交路线查询](https://wscats.github.io/angular-tutorial/angular调用百度API接口实现公交路线查询.html)| 95 | |[Angular调用百度API接口实现公交号查询](https://wscats.github.io/angular-tutorial/angular调用百度API接口实现公交号查询.html)|| 96 | 97 | ## JS基础 98 | | JS基础 | | 99 | | --------- | --------- | 100 | |[Javascript的createElement](https://wscats.github.io/angular-tutorial/createElement.html)|[Javascript的createDocumentFragment](https://wscats.github.io/angular-tutorial/createDocumentFragment.html)| 101 | |[Javascript的节点关系型API](https://github.com/Wscats/angular-tutorial/blob/gh-pages/js基础/节点关系型API/oaoafly.md)|[Javascript的节点创建型API](https://wscats.github.io/angular-tutorial/js基础/节点创建型API)| 102 | |[Javascript的节点查询型API](https://wscats.github.io/angular-tutorial/js基础/节点查询型API)|[Javascript的页面修改型API](https://wscats.github.io/angular-tutorial/js基础/页面修改型API)| 103 | |[像素帧动画](https://wscats.github.io/angular-tutorial/像素动画.html)|[jQuery模拟ng-repeat](https://wscats.github.io/angular-tutorial/jquery模拟ng-repeat.html)| 104 | |[lessDemo](https://wscats.github.io/angular-tutorial/lessDemo.html)|[lessDemo的less文件](https://wscats.github.io/angular-tutorial/stylesheets/styles.less)| 105 | |[图灵机器人](https://wscats.github.io/angular-tutorial/图灵机器人.html)|[sessionStorage和localStorage](https://wscats.github.io/angular-tutorial/sessionStoragelocalStorage.html)| 106 | 107 | ## HTML基础 108 | | HTML基础 | | 109 | | --------- | --------- | 110 | |[video和audio标签Demo](https://wscats.github.io/angular-tutorial/h5+css3/video/video&&audio标签.html)|[canvas烟花效果](https://wscats.github.io/angular-tutorial/canvas烟花效果2.html)| 111 | |[canvas烟花效果汇总](https://wscats.github.io/angular-tutorial/canvas烟花效果汇总.html)|[canvas弹幕效果](https://wscats.github.io/angular-tutorial/canvas弹幕效果.html)| 112 | 113 | ## CSS基础 114 | | CSS基础 | | 115 | | --------- | --------- | 116 | |[css浮动](https://wscats.github.io/angular-tutorial/h5+css3/video/css浮动问题.html)|[flex布局](https://wscats.github.io/angular-tutorial/h5+css3/video/flex布局.html)| 117 | --------------------------------------------------------------------------------