{"id":15308030,"url":"https://github.com/wscats/angular-tutorial","last_synced_at":"2025-04-06T17:11:55.300Z","repository":{"id":72735761,"uuid":"63561632","full_name":"Wscats/angular-tutorial","owner":"Wscats","description":":rabbit:Some of the angular tutorial - 《Angular学习笔记》","archived":false,"fork":false,"pushed_at":"2020-02-23T03:50:25.000Z","size":16305,"stargazers_count":388,"open_issues_count":34,"forks_count":125,"subscribers_count":50,"default_branch":"master","last_synced_at":"2025-03-30T15:11:09.577Z","etag":null,"topics":["angular","angular-router","angular-tutorial","directive","jqlite","tutorial"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Wscats.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2016-07-18T01:41:37.000Z","updated_at":"2025-02-23T08:26:01.000Z","dependencies_parsed_at":"2024-02-15T21:41:57.903Z","dependency_job_id":null,"html_url":"https://github.com/Wscats/angular-tutorial","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wscats%2Fangular-tutorial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wscats%2Fangular-tutorial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wscats%2Fangular-tutorial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wscats%2Fangular-tutorial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Wscats","download_url":"https://codeload.github.com/Wscats/angular-tutorial/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247517914,"owners_count":20951719,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular-router","angular-tutorial","directive","jqlite","tutorial"],"created_at":"2024-10-01T08:13:39.887Z","updated_at":"2025-04-06T17:11:55.266Z","avatar_url":"https://github.com/Wscats.png","language":null,"readme":"# Angular-tutorial code by Wsscat\n\n## 控制器\n\n| Controller ||\n| --------- | --------- |\n|[Angular控制器](https://wscats.github.io/angular-tutorial/angular控制器.html)|[Angular表达式](https://wscats.github.io/angular-tutorial/angular表达式.html)|\n|[Angular事件广播](https://wscats.github.io/angular-tutorial/angular事件广播.html)|[Angular基于$window的数据通信](https://wscats.github.io/angular-tutorial/angular基于$window的数据通信.html)|\n|[Angular表达式执行函数](https://wscats.github.io/angular-tutorial/Angular表达式执行方法.html)||\n\n## 双向数据绑定\n| bind-directional data binding |\n| --------- |\n|[Angular的$watch,$apply和$digest](https://wscats.github.io/angular-tutorial/angular的$watch,$apply和$digest.html)|\n\n## 服务\n| Service | |\n| --------- | --------- |\n|[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)|\n|[Angular自定义Canvas画图服务](https://wscats.github.io/angular-tutorial/Angular自定义Canvas画图服务.html)|[Angular自定义http服务 面向对象封装](https://wscats.github.io/angular-tutorial/自定义http服务.html)|\n|[Angular的provider方法配置服务](https://wscats.github.io/angular-tutorial/angular的provider配置服务.html)|[Angular基于服务的数据通信](https://wscats.github.io/angular-tutorial/angular服务实现作用域之间通信.html)|\n\n## 组件与指令\n| Directive | |\n| --------- | --------- |\n|[Angular自定义手势指令](https://wscats.github.io/angular-tutorial/自定义手势事件.html)|[Angular自定义轮播图组件](https://wscats.github.io/angular-tutorial/自定义directive轮播图.html)|\n|[Angular自定义下拉刷新组件1](https://wscats.github.io/angular-tutorial/下拉刷新.html)|[Angular自定义下拉刷新组件2](https://wscats.github.io/angular-tutorial/Angular自定义下拉刷新组件.html)|\n|[Angular内置指令](https://wscats.github.io/angular-tutorial/Angular内置指令.html)|[Angular自定义点击返回顶部指令](https://wscats.github.io/angular-tutorial/angular自定义点击返回顶部指令.html)|\n|[Angular实现选项卡(1)](https://wscats.github.io/angular-tutorial/angular实现选项卡.html)|[Angular实现选项卡(2)](https://wscats.github.io/angular-tutorial/angular实现选项卡2.html)|\n|[Angular封装swiper轮播图](https://wscats.github.io/angular-tutorial/angular封装swiper轮播图组件.html)|[Angular中使用ng-switch](https://wscats.github.io/angular-tutorial/ngSwitch.html)|\n|[Angular的ng-transclude](https://wscats.github.io/angular-tutorial/angular的ng-transclude.html)|[Angular侧边栏组件](https://wscats.github.io/angular-tutorial/angular实现侧边栏组件.html)|\n\n| Component | |\n| --------- | --------- |\n|[Angular的component方法](https://wscats.github.io/angular-tutorial/Angular的component方法.html)||\n\n## 路由\n| Router | |\n| --------- | --------- |\n|[Angular路由嵌套](https://wscats.github.io/angular-tutorial/UI路由嵌套DEMO.html)|[Angular路由单页多个ui-view](https://wscats.github.io/angular-tutorial/uiRoute/index.html)|\n\n## 过滤器\n| Filter | |\n| --------- | --------- |\n|[Angular内置过滤器](https://wscats.github.io/angular-tutorial/angular自带过滤器.html)|[Angular自定义关键词检索过滤器(1)](https://wscats.github.io/angular-tutorial/自定义关键词检索过滤器.html)|\n|[Angular自定义关键词检索过滤器(2)](https://wscats.github.io/angular-tutorial/自定义关键词检索过滤器(2).html)|[limitTo实现分页](https://wscats.github.io/angular-tutorial/limitTo实现分页.html)|\n|[Angular自定义关键词检索过滤器(简版)](https://wscats.github.io/angular-tutorial/自定义关键词检索过滤器(简版).html)||\n\n## 动画\n| Animate | |\n| --------- | --------- |\n|[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)|\n\n## API\n| API |\n| --------- |\n[Angular常用api接口](https://wscats.github.io/angular-tutorial/angular常用api接口.html)|\n\n## 表单验证\n| FORM |\n| --------- |\n|[Angular表单验证](https://wscats.github.io/angular-tutorial/angular表单验证.html)|\n\n## 项目\n| Guess you like | |\n| --------- | --------- |\n|[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)|\n|[AngularStovepipe](https://wscats.github.io/angular-tutorial/spa/Stovepipe/index.html)|[Angular的新闻客户端](https://wscats.github.io/angular-tutorial/spa/TT/index.html)|\n|[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)|\n|[Angular内联编辑器](https://wscats.github.io/angular-tutorial/angularjs5examples/inline-editor/index.html)|[Angular即时搜索](https://wscats.github.io/angular-tutorial/angularjs5examples/instant-search/index.html)|\n|[Angular导航菜单](https://wscats.github.io/angular-tutorial/angularjs5examples/navigation-menu/index.html)|[Angular订单表单](https://wscats.github.io/angular-tutorial/angularjs5examples/order-form/index.html)|\n|[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)|\n|[Angular+Weui单页面应用DEMO-每日笑话](https://wscats.github.io/angular-tutorial/weui每日笑话.html)||\n\n## 文档\n| Article | |\n| --------- | --------- |\n|[ng-repeat绑定事件和嵌套](https://github.com/Wscats/angular-tutorial/issues/21)|[Angular的post请求后台接受不了数据的解决方法](https://github.com/Wscats/angular-tutorial/issues/4)|\n|[ionic总结](https://github.com/Wscats/angular-tutorial/issues/19)|[ui-route和ng-route](https://github.com/Wscats/angular-tutorial/issues/17)|\n|[ng-options\u0026\u0026ng-switch](https://github.com/Wscats/angular-tutorial/issues/15)|[directive组件作用域](https://github.com/Wscats/angular-tutorial/issues/14)|\n|[表单认证](https://github.com/Wscats/angular-tutorial/issues/13)|[$broadcast,$emit and $on](https://github.com/Wscats/angular-tutorial/issues/11)|\n|[自定义过滤器](https://github.com/Wscats/angular-tutorial/issues/9)|[自定义手势指令ng-touch](https://github.com/Wscats/angular-tutorial/issues/8)|\n|[ng-animate](https://github.com/Wscats/angular-tutorial/issues/7)|[单页面应用的技术点](https://github.com/Wscats/angular-tutorial/issues/3)|\n\n## 其他\n| Other | |\n| --------- | --------- |\n|[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)|\n|[Angular事件监听](https://wscats.github.io/angular-tutorial/事件监听.html)|[Angular事件广播](https://wscats.github.io/angular-tutorial/angular事件广播.html)|\n|[Angular利用angular.module()实现模块化](https://wscats.github.io/angular-tutorial/angular模块化.html)|[Angular的form表单验证](https://wscats.github.io/angular-tutorial/form表单验证.html)|\n|[Angular的ng-repeat嵌套](https://wscats.github.io/angular-tutorial/ng-repeat嵌套.html)|[NodeJs静态服务器](https://github.com/Wscats/angular-tutorial/tree/gh-pages/diyNodeServer)|\n|[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)|\n|[Angular中使用iframe](https://wscats.github.io/angular-tutorial/iframesdemo.html)|[百度定位DEMO](https://wscats.github.io/angular-tutorial/百度地图定位DEMO.html)|\n|[Angular自定义cookie服务和ngCookie的使用](https://wscats.github.io/angular-tutorial/ngCookie.html)|[Angular调用百度API接口实现公交路线查询](https://wscats.github.io/angular-tutorial/angular调用百度API接口实现公交路线查询.html)|\n|[Angular调用百度API接口实现公交号查询](https://wscats.github.io/angular-tutorial/angular调用百度API接口实现公交号查询.html)||\n\n## JS基础\n| JS基础 | |\n| --------- | --------- |\n|[Javascript的createElement](https://wscats.github.io/angular-tutorial/createElement.html)|[Javascript的createDocumentFragment](https://wscats.github.io/angular-tutorial/createDocumentFragment.html)|\n|[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)|\n|[Javascript的节点查询型API](https://wscats.github.io/angular-tutorial/js基础/节点查询型API)|[Javascript的页面修改型API](https://wscats.github.io/angular-tutorial/js基础/页面修改型API)|\n|[像素帧动画](https://wscats.github.io/angular-tutorial/像素动画.html)|[jQuery模拟ng-repeat](https://wscats.github.io/angular-tutorial/jquery模拟ng-repeat.html)|\n|[lessDemo](https://wscats.github.io/angular-tutorial/lessDemo.html)|[lessDemo的less文件](https://wscats.github.io/angular-tutorial/stylesheets/styles.less)|\n|[图灵机器人](https://wscats.github.io/angular-tutorial/图灵机器人.html)|[sessionStorage和localStorage](https://wscats.github.io/angular-tutorial/sessionStoragelocalStorage.html)|\n\n## HTML基础\n| HTML基础 | |\n| --------- | --------- |\n|[video和audio标签Demo](https://wscats.github.io/angular-tutorial/h5+css3/video/video\u0026\u0026audio标签.html)|[canvas烟花效果](https://wscats.github.io/angular-tutorial/canvas烟花效果2.html)|\n|[canvas烟花效果汇总](https://wscats.github.io/angular-tutorial/canvas烟花效果汇总.html)|[canvas弹幕效果](https://wscats.github.io/angular-tutorial/canvas弹幕效果.html)|\n\n## CSS基础\n| CSS基础 | |\n| --------- | --------- |\n|[css浮动](https://wscats.github.io/angular-tutorial/h5+css3/video/css浮动问题.html)|[flex布局](https://wscats.github.io/angular-tutorial/h5+css3/video/flex布局.html)|\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwscats%2Fangular-tutorial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwscats%2Fangular-tutorial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwscats%2Fangular-tutorial/lists"}