Wscats / angular-tutorial

:rabbit:Some of the angular tutorial - 《Angular学习笔记》
387 stars 125 forks source link
angular angular-router angular-tutorial directive jqlite tutorial

Angular-tutorial code by Wsscat

控制器

Controller
Angular控制器 Angular表达式
Angular事件广播 Angular基于$window的数据通信
Angular表达式执行函数

双向数据绑定

bind-directional data binding
Angular的$watch,$apply和$digest

服务

Service
Angular自定义服务的常用方法 Angular部分服务demo
Angular自定义Canvas画图服务 Angular自定义http服务 面向对象封装
Angular的provider方法配置服务 Angular基于服务的数据通信

组件与指令

Directive
Angular自定义手势指令 Angular自定义轮播图组件
Angular自定义下拉刷新组件1 Angular自定义下拉刷新组件2
Angular内置指令 Angular自定义点击返回顶部指令
Angular实现选项卡(1) Angular实现选项卡(2)
Angular封装swiper轮播图 Angular中使用ng-switch
Angular的ng-transclude Angular侧边栏组件
Component
Angular的component方法

路由

Router
Angular路由嵌套 Angular路由单页多个ui-view

过滤器

Filter
Angular内置过滤器 Angular自定义关键词检索过滤器(1)
Angular自定义关键词检索过滤器(2) limitTo实现分页
Angular自定义关键词检索过滤器(简版)

动画

Animate
Angular ng-animate动画1 Angular ng-animate动画2

API

API
Angular常用api接口

表单验证

FORM
Angular表单验证

项目

Guess you like
Angular商城Demo Angular的Cnode社区
AngularStovepipe Angular的新闻客户端
Angular商城Demo Angular的Cnode社区
Angular内联编辑器 Angular即时搜索
Angular导航菜单 Angular订单表单
Angular切换网格 Angular新闻+WEUI DEMO 源码
Angular+Weui单页面应用DEMO-每日笑话

文档

Article
ng-repeat绑定事件和嵌套 Angular的post请求后台接受不了数据的解决方法
ionic总结 ui-route和ng-route
ng-options&&ng-switch directive组件作用域
表单认证 $broadcast,$emit and $on
自定义过滤器 自定义手势指令ng-touch
ng-animate 单页面应用的技术点

其他

Other
Angular三级联动(1) Angular三级联动(2)
Angular事件监听 Angular事件广播
Angular利用angular.module()实现模块化 Angular的form表单验证
Angular的ng-repeat嵌套 NodeJs静态服务器
Angular利用angular.module()实现模块化2 Angular+Webpack
Angular中使用iframe 百度定位DEMO
Angular自定义cookie服务和ngCookie的使用 Angular调用百度API接口实现公交路线查询
Angular调用百度API接口实现公交号查询

JS基础

JS基础
Javascript的createElement Javascript的createDocumentFragment
Javascript的节点关系型API Javascript的节点创建型API
Javascript的节点查询型API Javascript的页面修改型API
像素帧动画 jQuery模拟ng-repeat
lessDemo lessDemo的less文件
图灵机器人 sessionStorage和localStorage

HTML基础

HTML基础
video和audio标签Demo canvas烟花效果
canvas烟花效果汇总 canvas弹幕效果

CSS基础

CSS基础
css浮动 flex布局