└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # Angular Demo code by Wsscat 2 | 3 | 4 | _:rabbit:angular的学习资料 These are about angular learning materials, hoping to help you :snowman:关于angular的常用知识点，DEMO和总结，不定时更新，欢迎fork和star On the common knowledge of angular, DEMO and summary, not regular updates, you can fork and star_ 5 | 6 | ## 控制器 7 | 8 | | Controller || 9 | | --------- | --------- | 10 | |[Angular控制器](https://wscats.github.io/angular-tutorial/angular控制器.html)|[Angular表达式](https://wscats.github.io/angular-tutorial/angular表达式.html)| 11 | |[Angular事件广播](https://wscats.github.io/angular-tutorial/angular事件广播.html)|[Angular基于$window的数据通信](https://wscats.github.io/angular-tutorial/angular基于$window的数据通信.html)| 12 | 13 | 14 | ## 单页面应用 15 | | SPA DEMO | 16 | | --------- | 17 | |[Angular+Weui单页面应用DEMO-每日笑话](https://wscats.github.io/angular-tutorial/weui每日笑话.html)| 18 | 19 | 20 | ## 服务 21 | | Service | | 22 | | --------- | --------- | 23 | |[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)| 24 | |[Angular自定义Canvas画图服务](https://wscats.github.io/angular-tutorial/Angular自定义Canvas画图服务.html)|[Angular自定义http服务 面向对象封装](https://wscats.github.io/angular-tutorial/自定义http服务.html)| 25 | 26 | ## 组件与指令 27 | | Directive | | 28 | | --------- | --------- | 29 | |[Angular自定义手势指令](https://wscats.github.io/angular-tutorial/自定义手势事件.html)|[Angular自定义轮播图组件](https://wscats.github.io/angular-tutorial/自定义directive轮播图.html)| 30 | |[Angular自定义下拉刷新组件1](https://wscats.github.io/angular-tutorial/下拉刷新.html)|[Angular自定义下拉刷新组件2](https://wscats.github.io/angular-tutorial/Angular自定义下拉刷新组件.html)| 31 | |[Angular内置指令](https://wscats.github.io/angular-tutorial/Angular内置指令.html)|[Angular自定义点击返回顶部指令](https://wscats.github.io/angular-tutorial/angular自定义点击返回顶部指令.html)| 32 | |[Angular实现选项卡(1)](https://wscats.github.io/angular-tutorial/angular实现选项卡.html)|[Angular实现选项卡(2)](https://wscats.github.io/angular-tutorial/angular实现选项卡2.html)| 33 | |[Angular封装swiper轮播图](https://wscats.github.io/angular-tutorial/angular封装swiper轮播图组件.html)|[Angular中使用ng-switch](https://wscats.github.io/angular-tutorial/ngSwitch.html)| 34 | 35 | | Component | | 36 | | --------- | --------- | 37 | |[Angular的component方法](https://wscats.github.io/angular-tutorial/Angular的component方法.html)|| 38 | 39 | ## 路由 40 | | Router | | 41 | | --------- | --------- | 42 | |[Angular路由嵌套](https://wscats.github.io/angular-tutorial/UI路由嵌套DEMO.html)|[Angular路由单页多个ui-view](https://wscats.github.io/angular-tutorial/uiRoute/index.html)| 43 | 44 | ## 过滤器 45 | | Filter | | 46 | | --------- | --------- | 47 | |[Angular内置过滤器](https://wscats.github.io/angular-tutorial/angular自带过滤器.html)|[Angular自定义关键词检索过滤器(1)](https://wscats.github.io/angular-tutorial/自定义关键词检索过滤器.html)| 48 | |[Angular自定义关键词检索过滤器(2)](https://wscats.github.io/angular-tutorial/自定义关键词检索过滤器(2).html)|[limitTo实现分页](https://wscats.github.io/angular-tutorial/limitTo实现分页.html)| 49 | |[Angular自定义关键词检索过滤器(简版)](https://wscats.github.io/angular-tutorial/自定义关键词检索过滤器(简版).html)|| 50 | 51 | ## 动画 52 | | Animate | | 53 | | --------- | --------- | 54 | |[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)| 55 | 56 | ## API 57 | | API | 58 | | --------- | 59 | [Angular常用api接口](https://wscats.github.io/angular-tutorial/angular常用api接口.html)| 60 | 61 | ## 表单验证 62 | | FORM | 63 | | --------- | 64 | |[Angular表单验证](https://wscats.github.io/angular-tutorial/angular表单验证.html)| 65 | 66 | ## 项目 67 | | Guess you like | | 68 | | --------- | --------- | 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 | |[AngularStovepipe](https://wscats.github.io/angular-tutorial/spa/Stovepipe/index.html)|[Angular的新闻客户端](https://wscats.github.io/angular-tutorial/spa/TT/index.html)| 71 | |[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)| 72 | |[Angular内联编辑器](https://wscats.github.io/angular-tutorial/angularjs5examples/inline-editor/index.html)|[Angular即时搜索](https://wscats.github.io/angular-tutorial/angularjs5examples/instant-search/index.html)| 73 | |[Angular导航菜单](https://wscats.github.io/angular-tutorial/angularjs5examples/navigation-menu/index.html)|[Angular订单表单](https://wscats.github.io/angular-tutorial/angularjs5examples/order-form/index.html)| 74 | |[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)| 75 | 76 | ## 文档 77 | | Article | | 78 | | --------- | --------- | 79 | |[ng-repeat绑定事件和嵌套](https://github.com/Wscats/angular-tutorial/issues/21)|[Angular的post请求后台接受不了数据的解决方法](https://github.com/Wscats/angular-tutorial/issues/4)| 80 | |[ionic总结](https://github.com/Wscats/angular-tutorial/issues/19)|[ui-route和ng-route](https://github.com/Wscats/angular-tutorial/issues/17)| 81 | |[ng-options&&ng-switch](https://github.com/Wscats/angular-tutorial/issues/15)|[directive组件作用域](https://github.com/Wscats/angular-tutorial/issues/14)| 82 | |[表单认证](https://github.com/Wscats/angular-tutorial/issues/13)|[$broadcast,$emit and $on](https://github.com/Wscats/angular-tutorial/issues/11)| 83 | |[自定义过滤器](https://github.com/Wscats/angular-tutorial/issues/9)|[自定义手势指令ng-touch](https://github.com/Wscats/angular-tutorial/issues/8)| 84 | |[ng-animate](https://github.com/Wscats/angular-tutorial/issues/7)|[单页面应用的技术点](https://github.com/Wscats/angular-tutorial/issues/3)| 85 | 86 | ## 其他 87 | | Other | | 88 | | --------- | --------- | 89 | |[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)| 90 | |[Angular事件监听](https://wscats.github.io/angular-tutorial/事件监听.html)|[Angular事件广播](https://wscats.github.io/angular-tutorial/angular事件广播.html)| 91 | |[Angular利用angular.module()实现模块化](https://wscats.github.io/angular-tutorial/angular模块化.html)|[Angular的form表单验证](https://wscats.github.io/angular-tutorial/form表单验证.html)| 92 | |[Angular的ng-repeat嵌套](https://wscats.github.io/angular-tutorial/ng-repeat嵌套.html)|[NodeJs静态服务器](https://github.com/Wscats/angular-tutorial/tree/gh-pages/diyNodeServer)| 93 | |[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)| 94 | |[Angular中使用iframe](https://wscats.github.io/angular-tutorial/iframesdemo.html)|[百度定位DEMO](https://wscats.github.io/angular-tutorial/百度地图定位DEMO.html)| 95 | |[Angular自定义cookie服务和ngCookie的使用](https://wscats.github.io/angular-tutorial/ngCookie.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)|| 112 | --------------------------------------------------------------------------------