├── .bowerrc ├── .gitignore ├── npm-debug.log ├── 第一天 ├── 1.angular.html ├── 1.md ├── 10.ng-switch.html ├── 11.ng-class.html ├── 12.ng-class用法.html ├── 13.ng-class-nav.html ├── 14.include.html ├── 15.货币过滤器.html ├── 16.orderby.html ├── 17.表格排序.html ├── 18.filter.html ├── 19.angular-method.html ├── 2.ng-bind.html ├── 20.angular中的模块.html ├── 3.ng-init.html ├── 4.ng-repeat.html ├── 5.ng-repeat.html ├── 6.ng-repeat-arr.html ├── 7.ng-click.html ├── 8.ng-hide.html ├── 9.ng-if.html ├── angular.js ├── angular.md └── tmpl.html ├── 第三天 ├── 1.购物车.html ├── 10验证.html ├── 2.disable.html ├── 3.readonly.html ├── 4.select.html ├── 5.ng-app.html ├── 6.过滤器.html ├── 7.directive.html ├── 8.drag.html ├── 9.transclude.html ├── angular-csp.css ├── angular.js ├── book.json └── bootstrap.css └── 第二天 ├── 1.mvc.html ├── 10.事件监听.html ├── 2.controller.html ├── 3.$apply.html ├── 4.$watch.html ├── 5.$watch用法.html ├── 6.ng-href.html ├── 7.ng-src.html ├── 8.options.html ├── 9.ng-change.html ├── angular.js ├── angular.md └── bootstrap.css /.bowerrc: -------------------------------------------------------------------------------- 1 | {"directory":"js"} 2 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .idea 2 | bower_components 3 | js -------------------------------------------------------------------------------- /npm-debug.log: -------------------------------------------------------------------------------- 1 | 0 info it worked if it ends with ok 2 | 1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe', 3 | 1 verbose cli 'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js', 4 | 1 verbose cli 'install', 5 | 1 verbose cli 'nodeppt', 6 | 1 verbose cli '-g' ] 7 | 2 info using npm@2.15.5 8 | 3 info using node@v4.4.5 9 | 4 verbose install initial load of C:\Users\10354_000\AppData\Roaming\npm\package.json 10 | 5 verbose readDependencies loading dependencies from C:\Users\10354_000\AppData\Roaming\npm\package.json 11 | 6 silly cache add args [ 'nodeppt', null ] 12 | 7 verbose cache add spec nodeppt 13 | 8 silly cache add parsed spec Result { 14 | 8 silly cache add raw: 'nodeppt', 15 | 8 silly cache add scope: null, 16 | 8 silly cache add name: 'nodeppt', 17 | 8 silly cache add rawSpec: '', 18 | 8 silly cache add spec: 'latest', 19 | 8 silly cache add type: 'tag' } 20 | 9 silly addNamed nodeppt@latest 21 | 10 verbose addNamed "latest" is being treated as a dist-tag for nodeppt 22 | 11 info addNameTag [ 'nodeppt', 'latest' ] 23 | 12 silly mapToRegistry name nodeppt 24 | 13 silly mapToRegistry using default registry 25 | 14 silly mapToRegistry registry https://registry.npmjs.org/ 26 | 15 silly mapToRegistry data Result { 27 | 15 silly mapToRegistry raw: 'nodeppt', 28 | 15 silly mapToRegistry scope: null, 29 | 15 silly mapToRegistry name: 'nodeppt', 30 | 15 silly mapToRegistry rawSpec: '', 31 | 15 silly mapToRegistry spec: 'latest', 32 | 15 silly mapToRegistry type: 'tag' } 33 | 16 silly mapToRegistry uri https://registry.npmjs.org/nodeppt 34 | 17 verbose addNameTag registry:https://registry.npmjs.org/nodeppt not in flight; fetching 35 | 18 verbose request uri https://registry.npmjs.org/nodeppt 36 | 19 verbose request no auth needed 37 | 20 info attempt registry request try #1 at 16:03:29 38 | 21 verbose request using bearer token for auth 39 | 22 verbose request id dcef625fdd93816f 40 | 23 verbose etag "54V9V4661BGDP7FDE6PH3IVP2" 41 | 24 http request GET https://registry.npmjs.org/nodeppt 42 | 25 http 304 https://registry.npmjs.org/nodeppt 43 | 26 verbose headers { 'cache-control': 'max-age=300', 44 | 26 verbose headers 'accept-ranges': 'bytes', 45 | 26 verbose headers date: 'Thu, 16 Jun 2016 08:03:33 GMT', 46 | 26 verbose headers via: '1.1 varnish', 47 | 26 verbose headers connection: 'keep-alive', 48 | 26 verbose headers 'x-served-by': 'cache-itm7425-ITM', 49 | 26 verbose headers 'x-cache': 'MISS', 50 | 26 verbose headers 'x-cache-hits': '0', 51 | 26 verbose headers 'x-timer': 'S1466064212.692570,VS0,VE727', 52 | 26 verbose headers vary: 'Accept-Encoding' } 53 | 27 silly get cb [ 304, 54 | 27 silly get { 'cache-control': 'max-age=300', 55 | 27 silly get 'accept-ranges': 'bytes', 56 | 27 silly get date: 'Thu, 16 Jun 2016 08:03:33 GMT', 57 | 27 silly get via: '1.1 varnish', 58 | 27 silly get connection: 'keep-alive', 59 | 27 silly get 'x-served-by': 'cache-itm7425-ITM', 60 | 27 silly get 'x-cache': 'MISS', 61 | 27 silly get 'x-cache-hits': '0', 62 | 27 silly get 'x-timer': 'S1466064212.692570,VS0,VE727', 63 | 27 silly get vary: 'Accept-Encoding' } ] 64 | 28 verbose etag https://registry.npmjs.org/nodeppt from cache 65 | 29 verbose get saving nodeppt to C:\Users\10354_000\AppData\Roaming\npm-cache\registry.npmjs.org\nodeppt\.cache.json 66 | 30 verbose correctMkdir C:\Users\10354_000\AppData\Roaming\npm-cache correctMkdir not in flight; initializing 67 | 31 silly addNameTag next cb for nodeppt with tag latest 68 | 32 silly addNamed nodeppt@1.4.2 69 | 33 verbose addNamed "1.4.2" is a plain semver version for nodeppt 70 | 34 silly cache afterAdd nodeppt@1.4.2 71 | 35 verbose afterAdd C:\Users\10354_000\AppData\Roaming\npm-cache\nodeppt\1.4.2\package\package.json not in flight; writing 72 | 36 verbose correctMkdir C:\Users\10354_000\AppData\Roaming\npm-cache correctMkdir not in flight; initializing 73 | 37 verbose afterAdd C:\Users\10354_000\AppData\Roaming\npm-cache\nodeppt\1.4.2\package\package.json written 74 | 38 silly install resolved [ { name: 'nodeppt', 75 | 38 silly install resolved jsname: 'nodeppt', 76 | 38 silly install resolved description: 'A simple, in-browser, markdown-driven presentation framework', 77 | 38 silly install resolved version: '1.4.2', 78 | 38 silly install resolved site: 'https://github.com/ksky521/nodePPT', 79 | 38 silly install resolved author: { name: 'Theo Wang', email: 'ksky521@gmail.com' }, 80 | 38 silly install resolved bin: { nodeppt: 'bin/nodeppt' }, 81 | 38 silly install resolved repository: { type: 'git', url: 'git://github.com/ksky521/nodePPT.git' }, 82 | 38 silly install resolved dependencies: 83 | 38 silly install resolved { chokidar: '^1.0.0-rc3', 84 | 38 silly install resolved colors: '^1.1.2', 85 | 38 silly install resolved commander: '^2.9.0', 86 | 38 silly install resolved connect: '2.11.0', 87 | 38 silly install resolved cookie: '^0.2.3', 88 | 38 silly install resolved debug: '^2.2.0', 89 | 38 silly install resolved ejs: '0.8.4', 90 | 38 silly install resolved ipv4: '0.0.4', 91 | 38 silly install resolved mathjax: '2.6.1', 92 | 38 silly install resolved read: '^1.0.7', 93 | 38 silly install resolved 'socket.io': '1.3.3' }, 94 | 38 silly install resolved keywords: 95 | 38 silly install resolved [ 'presentation', 96 | 38 silly install resolved 'powerpoint', 97 | 38 silly install resolved 'slideshow', 98 | 38 silly install resolved 'keynote', 99 | 38 silly install resolved 'ppt', 100 | 38 silly install resolved 'slide', 101 | 38 silly install resolved 'revealjs', 102 | 38 silly install resolved 'impressjs', 103 | 38 silly install resolved 'markdown' ], 104 | 38 silly install resolved license: 'SEE LICENSE IN MIT-LICENSE.txt', 105 | 38 silly install resolved gitHead: 'b377c6696546eecc706383279efb3af09d8c83e9', 106 | 38 silly install resolved bugs: { url: 'https://github.com/ksky521/nodePPT/issues' }, 107 | 38 silly install resolved homepage: 'https://github.com/ksky521/nodePPT#readme', 108 | 38 silly install resolved _id: 'nodeppt@1.4.2', 109 | 38 silly install resolved scripts: {}, 110 | 38 silly install resolved _shasum: '2903fba21cf438fb877e6c36a8718759956125fd', 111 | 38 silly install resolved _from: 'nodeppt@latest', 112 | 38 silly install resolved _npmVersion: '2.14.20', 113 | 38 silly install resolved _nodeVersion: '4.4.0', 114 | 38 silly install resolved _npmUser: { name: 'ksky521', email: 'ksky521@gmail.com' }, 115 | 38 silly install resolved dist: 116 | 38 silly install resolved { shasum: '2903fba21cf438fb877e6c36a8718759956125fd', 117 | 38 silly install resolved tarball: 'https://registry.npmjs.org/nodeppt/-/nodeppt-1.4.2.tgz' }, 118 | 38 silly install resolved maintainers: [ [Object] ], 119 | 38 silly install resolved _npmOperationalInternal: 120 | 38 silly install resolved { host: 'packages-12-west.internal.npmjs.com', 121 | 38 silly install resolved tmp: 'tmp/nodeppt-1.4.2.tgz_1463538108853_0.38417293783277273' }, 122 | 38 silly install resolved directories: {}, 123 | 38 silly install resolved _resolved: 'https://registry.npmjs.org/nodeppt/-/nodeppt-1.4.2.tgz', 124 | 38 silly install resolved readme: 'ERROR: No README data found!' } ] 125 | 39 info install nodeppt@1.4.2 into C:\Users\10354_000\AppData\Roaming\npm 126 | 40 info installOne nodeppt@1.4.2 127 | 41 verbose installOne of nodeppt to C:\Users\10354_000\AppData\Roaming\npm not in flight; installing 128 | 42 verbose correctMkdir C:\Users\10354_000\AppData\Roaming\npm-cache\_locks correctMkdir not in flight; initializing 129 | 43 verbose lock using C:\Users\10354_000\AppData\Roaming\npm-cache\_locks\nodeppt-b06e01b985a8f4ab.lock for C:\Users\10354_000\AppData\Roaming\npm\node_modules\nodeppt 130 | 44 silly install write writing nodeppt 1.4.2 to C:\Users\10354_000\AppData\Roaming\npm\node_modules\nodeppt 131 | 45 verbose unbuild node_modules\nodeppt 132 | 46 info preuninstall nodeppt@1.4.2 133 | 47 info uninstall nodeppt@1.4.2 134 | 48 verbose unbuild rmStuff nodeppt@1.4.2 from C:\Users\10354_000\AppData\Roaming\npm\node_modules 135 | 49 silly gentlyRm C:\Users\10354_000\AppData\Roaming\npm\nodeppt.cmd is being gently removed 136 | 50 silly gentlyRm verifying C:\Users\10354_000\AppData\Roaming\npm is an npm working directory 137 | 51 silly gentlyRm containing path C:\Users\10354_000\AppData\Roaming\npm is under npm's control, in C:\Users\10354_000\AppData\Roaming\npm 138 | 52 silly gentlyRm deletion target C:\Users\10354_000\AppData\Roaming\npm\nodeppt.cmd is under C:\Users\10354_000\AppData\Roaming\npm 139 | 53 verbose gentlyRm vacuuming from C:\Users\10354_000\AppData\Roaming\npm\nodeppt.cmd up to C:\Users\10354_000\AppData\Roaming\npm 140 | 54 silly gentlyRm C:\Users\10354_000\AppData\Roaming\npm\nodeppt is being gently removed 141 | 55 silly gentlyRm verifying C:\Users\10354_000\AppData\Roaming\npm is an npm working directory 142 | 56 silly gentlyRm containing path C:\Users\10354_000\AppData\Roaming\npm is under npm's control, in C:\Users\10354_000\AppData\Roaming\npm 143 | 57 silly gentlyRm deletion target C:\Users\10354_000\AppData\Roaming\npm\nodeppt is under C:\Users\10354_000\AppData\Roaming\npm 144 | 58 verbose gentlyRm vacuuming from C:\Users\10354_000\AppData\Roaming\npm\nodeppt up to C:\Users\10354_000\AppData\Roaming\npm 145 | 59 silly vacuum-fs Error: EPERM: operation not permitted, lstat 'C:\Users\10354_000\AppData\Roaming\npm\nodeppt' 146 | 59 silly vacuum-fs at Error (native) 147 | 60 verbose unlock done using C:\Users\10354_000\AppData\Roaming\npm-cache\_locks\nodeppt-b06e01b985a8f4ab.lock for C:\Users\10354_000\AppData\Roaming\npm\node_modules\nodeppt 148 | 61 verbose stack Error: EPERM: operation not permitted, lstat 'C:\Users\10354_000\AppData\Roaming\npm\nodeppt' 149 | 61 verbose stack at Error (native) 150 | 62 verbose cwd C:\Users\10354_000\Desktop\angular 151 | 63 error Windows_NT 6.3.9600 152 | 64 error argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install" "nodeppt" "-g" 153 | 65 error node v4.4.5 154 | 66 error npm v2.15.5 155 | 67 error path C:\Users\10354_000\AppData\Roaming\npm\nodeppt 156 | 68 error code EPERM 157 | 69 error errno -4048 158 | 70 error syscall lstat 159 | 71 error Error: EPERM: operation not permitted, lstat 'C:\Users\10354_000\AppData\Roaming\npm\nodeppt' 160 | 71 error at Error (native) 161 | 71 error { [Error: EPERM: operation not permitted, lstat 'C:\Users\10354_000\AppData\Roaming\npm\nodeppt'] 162 | 71 error errno: -4048, 163 | 71 error code: 'EPERM', 164 | 71 error syscall: 'lstat', 165 | 71 error path: 'C:\\Users\\10354_000\\AppData\\Roaming\\npm\\nodeppt' } 166 | 72 error Please try running this command again as root/Administrator. 167 | 73 verbose exit [ -4048, true ] 168 | 74 verbose unbuild node_modules\nodeppt 169 | 75 info preuninstall nodeppt@1.4.2 170 | 76 info uninstall nodeppt@1.4.2 171 | 77 verbose unbuild rmStuff nodeppt@1.4.2 from C:\Users\10354_000\AppData\Roaming\npm\node_modules 172 | 78 silly gentlyRm C:\Users\10354_000\AppData\Roaming\npm\nodeppt.cmd is being gently removed 173 | 79 silly gentlyRm verifying C:\Users\10354_000\AppData\Roaming\npm is an npm working directory 174 | 80 silly gentlyRm containing path C:\Users\10354_000\AppData\Roaming\npm is under npm's control, in C:\Users\10354_000\AppData\Roaming\npm 175 | 81 silly gentlyRm deletion target C:\Users\10354_000\AppData\Roaming\npm\nodeppt.cmd is under C:\Users\10354_000\AppData\Roaming\npm 176 | 82 verbose gentlyRm vacuuming from C:\Users\10354_000\AppData\Roaming\npm\nodeppt.cmd up to C:\Users\10354_000\AppData\Roaming\npm 177 | 83 silly gentlyRm C:\Users\10354_000\AppData\Roaming\npm\nodeppt is being gently removed 178 | 84 silly gentlyRm verifying C:\Users\10354_000\AppData\Roaming\npm is an npm working directory 179 | 85 silly gentlyRm containing path C:\Users\10354_000\AppData\Roaming\npm is under npm's control, in C:\Users\10354_000\AppData\Roaming\npm 180 | 86 silly gentlyRm deletion target C:\Users\10354_000\AppData\Roaming\npm\nodeppt is under C:\Users\10354_000\AppData\Roaming\npm 181 | 87 verbose gentlyRm vacuuming from C:\Users\10354_000\AppData\Roaming\npm\nodeppt up to C:\Users\10354_000\AppData\Roaming\npm 182 | 88 silly vacuum-fs Error: EPERM: operation not permitted, lstat 'C:\Users\10354_000\AppData\Roaming\npm\nodeppt' 183 | 88 silly vacuum-fs at Error (native) 184 | 89 error error rolling back Error: EPERM: operation not permitted, lstat 'C:\Users\10354_000\AppData\Roaming\npm\nodeppt' 185 | 89 error error rolling back at Error (native) 186 | 89 error error rolling back { [Error: EPERM: operation not permitted, lstat 'C:\Users\10354_000\AppData\Roaming\npm\nodeppt'] 187 | 89 error error rolling back errno: -4048, 188 | 89 error error rolling back code: 'EPERM', 189 | 89 error error rolling back syscall: 'lstat', 190 | 89 error error rolling back path: 'C:\\Users\\10354_000\\AppData\\Roaming\\npm\\nodeppt' } 191 | -------------------------------------------------------------------------------- /第一天/1.angular.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | {{name?name:'hello'}} 9 |
10 | 11 |
12 | 13 | 24 | 25 | -------------------------------------------------------------------------------- /第一天/1.md: -------------------------------------------------------------------------------- 1 | # 安装bower 2 | ``` 3 | npm install bower -g 4 | ``` 5 | ``` 6 | bower -v 查看bower的版本 7 | ``` 8 | # 安装angularjs 9 | ``` 10 | bower install angular 11 | ``` -------------------------------------------------------------------------------- /第一天/10.ng-switch.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |
10 |
hello
11 |
world
12 |
default
13 |
14 | 15 | 20 | 21 | -------------------------------------------------------------------------------- /第一天/11.ng-class.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 14 | 15 | 16 |
hello angular baby
17 |
hello react mm
18 | 19 | 25 | 26 | -------------------------------------------------------------------------------- /第一天/12.ng-class用法.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 11 |
hello
12 | 13 | 14 | 15 | 16 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /第一天/13.ng-class-nav.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 14 | 15 | 16 | 21 | 22 | 27 | -------------------------------------------------------------------------------- /第一天/14.include.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |
9 | 10 | 13 | 14 | -------------------------------------------------------------------------------- /第一天/15.货币过滤器.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | {{123.123 | currency}} 货币过滤器
9 | {{'abcdefg' | uppercase}} 大小写转换
10 | {{'ABCDFEF' | lowercase}}
11 | {{'1234567800' | limitTo:3}}限制显示的位数
12 | {{'123123123123.23' | number:0}} 13 | 
14 | {{name | json}} 转换成json格式显示给我们
15 |
16 | //日期过滤器 17 | {{1465978262773 | date:'yyyy hh:ss'}} 18 | 19 | 22 | 23 | -------------------------------------------------------------------------------- /第一天/16.orderby.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |
9 | 10 | 13 |
14 | 15 | 19 | 20 | -------------------------------------------------------------------------------- /第一天/17.表格排序.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 |
序号名字年龄语文分数
{{$index+1}}{{phone.name}}{{phone.age}}{{phone.chinese}}
24 | 25 |
26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /第一天/18.filter.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 |
序号名字年龄语文分数
{{$index+1}}{{phone.name}}{{phone.age}}{{phone.chinese}}
25 |
26 | 27 | 31 | 32 | -------------------------------------------------------------------------------- /第一天/19.angular-method.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |
9 | 10 | 75 | 76 | -------------------------------------------------------------------------------- /第一天/2.ng-bind.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 11 | {{{{name}}}} 12 |
{{name}}
13 |
14 | 15 | 24 | 25 | -------------------------------------------------------------------------------- /第一天/20.angular中的模块.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 22 | 23 | -------------------------------------------------------------------------------- /第一天/3.ng-init.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 11 | 12 | 17 | 18 | -------------------------------------------------------------------------------- /第一天/4.ng-repeat.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |
{{$index+1}}{{p.name}} {{$even}}
9 | 10 | 15 | 16 | -------------------------------------------------------------------------------- /第一天/5.ng-repeat.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |
9 |
10 | list[{{parent}}][{{$index}}] 11 |
12 |
13 | 14 | 18 | 19 | -------------------------------------------------------------------------------- /第一天/6.ng-repeat-arr.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |
9 | {{phone}} 10 |
11 | 12 | 15 | 16 | -------------------------------------------------------------------------------- /第一天/7.ng-click.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 14 | 15 | 16 |
17 | {{flag?'显示':'隐藏'}} 18 |
19 | 20 |
21 | content 22 |
23 | 24 | 27 | 28 | -------------------------------------------------------------------------------- /第一天/8.ng-hide.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 8 | 9 | 10 |
11 | {{flag?'显示':'隐藏'}} 12 |
13 | 14 |
15 | content 16 |
17 | 18 | 27 | 28 | -------------------------------------------------------------------------------- /第一天/9.ng-if.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |
10 |
11 | {{phone}} 12 |
13 |
14 | 15 | 21 | 22 | -------------------------------------------------------------------------------- /第一天/angular.md: -------------------------------------------------------------------------------- 1 | # ng-app 告诉angular启动应用 2 | # ng-model 实现数据绑定 3 | # {{}} 4 | - 可以取出对应的数据 5 | - 进行三元表达式 6 | - 获取计算后的值{{sum()}} 7 | # ng-bind 防止页面闪烁 8 | - ng-non-bindable 让{{}}正常显示出来 9 | - ng-bind-template="{{name}} {{age}}"绑定多个变量 10 | # ng-init 初始化数据 11 | # ng-repeat 可以遍历对象数组 12 | - 如果没有unique 我们就要使用trackby 进行根据哪个遍历 13 | # ng-click 14 | - angular中的点击事件 15 | # ng-hide/ng-show/ng-if 16 | - hide/show只是单纯的css变化 17 | - ng-cloak 解决闪烁问题 18 | # ng-switch/ng-switch-when/ng-switch-default 19 | # ng-class 20 | - {true:'样式名字',false:'样式名字'}[model上的属性] 21 | - {'样式名字':'model上的属性'} 22 | - ng-class="model上的属性"; 23 | # include引入页面 24 | # 过滤器 25 | - filter 26 | - orderBy 27 | - json 28 | - number 29 | - currency 30 | - uppercase/lowercase 31 | - date 32 | -------------------------------------------------------------------------------- /第一天/tmpl.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /第三天/1.购物车.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 35 | 36 |
序号书的名字书的价格书的页数书的数量小计操作
{{$index+1}}{{book.name}}{{book.price}}{{book.page}}{{book.price*book.count}}
33 | 总额：{{total()}} 34 |
37 | 38 | 67 | 68 | -------------------------------------------------------------------------------- /第三天/10验证.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |
10 |
11 |
12 | 13 | 14 |
15 | 邮箱不合法 16 |
17 |
18 | 邮箱必填 19 |
20 |
21 | 正则不通过 22 |
23 |
24 |
25 | 26 |
27 |
28 | 
29 |         {{myform | json}}
30 |
31 |
32 | 33 | 36 | 37 | -------------------------------------------------------------------------------- /第三天/2.disable.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 11 | 12 | 49 | 50 | -------------------------------------------------------------------------------- /第三天/3.readonly.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 11 | 12 | 22 | 23 | -------------------------------------------------------------------------------- /第三天/4.select.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | {{name}} 11 | 12 | 25 | 26 | -------------------------------------------------------------------------------- /第三天/5.ng-app.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 |
11 | {{name}} 12 |
13 |
14 | {{name}} 15 |
16 | 17 | 31 | 32 | -------------------------------------------------------------------------------- /第三天/6.过滤器.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | {{'aaabbb' | myCapitalize:5}} 对应大写 {{content}} 11 | {{cc}} 12 | 13 | 31 | 32 | -------------------------------------------------------------------------------- /第三天/7.directive.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |
10 |
11 | 12 | 13 | 30 | 31 | -------------------------------------------------------------------------------- /第三天/8.drag.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 24 | 25 | 26 |
27 |
28 | 29 | 59 | 60 | -------------------------------------------------------------------------------- /第三天/9.transclude.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |
ee代表的是girl的值 10 | 这是一个表头 11 |
12 | 13 | 45 | 46 | -------------------------------------------------------------------------------- /第三天/angular-csp.css: -------------------------------------------------------------------------------- 1 | /* Include this file in your html if you are using the CSP mode. */ 2 | 3 | @charset "UTF-8"; 4 | 5 | [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], 6 | .ng-cloak, .x-ng-cloak, 7 | .ng-hide:not(.ng-hide-animate) { 8 | display: none !important; 9 | } 10 | 11 | ng\:form { 12 | display: block; 13 | } 14 | 15 | .ng-animate-shim { 16 | visibility:hidden; 17 | } 18 | 19 | .ng-anchor { 20 | position:absolute; 21 | } 22 | -------------------------------------------------------------------------------- /第三天/book.json: -------------------------------------------------------------------------------- 1 | [ 2 | {"name":"javascript","price":10,"page":200,"count":1}, 3 | {"name":"node","price":30,"page":400,"count":1}, 4 | {"name":"angular","price":50,"page":100,"count":1}, 5 | {"name":"vuejs","price":20,"page":100,"count":1} 6 | ] -------------------------------------------------------------------------------- /第二天/1.mvc.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |
{{name}}
11 | 12 | 28 | 29 | -------------------------------------------------------------------------------- /第二天/10.事件监听.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |
9 | 商品总价 10 |
11 | 商品的名称 {{product.name}}
12 | 商品的单价 {{product.price}}
13 | 商品的数量 14 |
15 |
16 | 17 | 54 | 55 | -------------------------------------------------------------------------------- /第二天/2.controller.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |
9 | {{name.name}} 10 |
11 |
12 | {{name.name}} 13 |
14 | 15 | 39 | 40 | -------------------------------------------------------------------------------- /第二天/3.$apply.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |
9 | {{name}} 10 |
11 | 12 | 47 | 48 | -------------------------------------------------------------------------------- /第二天/4.$watch.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |
9 | 10 |
11 | 12 | 27 | 28 | -------------------------------------------------------------------------------- /第二天/5.$watch用法.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |
9 | 商品的名称 {{product.name}}
10 | 商品的价格 {{product.price}}
11 | 商品的数量
12 | 商品的邮费 {{product.post}} 13 | 商品的总价格 {{total() + product.post}} 14 |
15 | 16 | 51 | 52 | -------------------------------------------------------------------------------- /第二天/6.ng-href.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |
9 | go bd 10 |
11 | 12 | 23 | 24 | -------------------------------------------------------------------------------- /第二天/7.ng-src.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |
9 | 10 |
11 | 12 | 20 | 21 | -------------------------------------------------------------------------------- /第二天/8.options.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
名字年龄
{{p.name}}{{p.age}}
21 |
22 | 23 | 38 | 39 | -------------------------------------------------------------------------------- /第二天/9.ng-change.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |
9 | 10 |
11 | 12 | 23 | 24 | -------------------------------------------------------------------------------- /第二天/angular.md: -------------------------------------------------------------------------------- 1 | ## 安装bower 2 | - 第一步 3 | ``` 4 | npm install bower -g 5 | ``` 6 | - 第二步 7 | ``` 8 | bower install angular 9 | ``` 10 | ## 使用angular 11 | - 引入angularjs 12 | - 增加ng-app 让angular启动整个应用 13 | ## ng-model 14 | - 带ng的都是angular中的指令 15 | ## 表达式 16 | - {{}}可以进行值的运算 17 | - ng-bind ng-bind-template ng-cloak 18 | - ng-non-bindable 19 | ## ng-init初始化数据 20 | ## ng-repeat track by $index 21 | - $index $middle $even... 22 | ## ng-click在angular中的事件 23 | ## ng-show/ng-hide/ng-if 24 | ## ng-switch ng-switch-when ng-switch-default 25 | ## ng-class 26 | - {true:'样式名',false:'样式名'}[isActive] 27 | - {'red':red,'green':green} 28 | ## include 29 | - 加'' 30 | ## 过滤器 31 | - currency:'指定的符号'，默认'$' 32 | - uppercase/lowercase 33 | - limitTo:5 34 | - number:2 35 | - orderBy:'name'/angular中的变量对应的值:true/false 36 | - filter 37 | - 一般和input同时使用进行筛选 38 | - 可以指定筛选的区域filter:{name:query} 39 | - date:'yyyy-MM-dd hh:mm:ss' 40 | - json 41 | ``` 42 | 
{name | json}
43 | ``` 44 | ## 方法 45 | - angular.forEach(function(){}); 46 | - angular.equals({},{}); 47 | - angular.extend(); 48 | - angular.copy(); 49 | ``` 50 | console.log(angular); 51 | ``` 52 | ## 创建模块 53 | - 自带一个angular对象可以通过angular去创建模块 54 | ``` 55 | angular.module('模块的名字',['模块1','模块2']) 56 | ``` 57 | - 通过返回值来获取这个模块 58 | ## 控制器 59 | - 通过模块创建出来的 60 | ``` 61 | app.controller() 62 | ``` 63 | - 一个页面上可以使用多个控制器 64 | - 而且控制器可以嵌套 65 | - 防止代码压缩采用是数组的方式 66 | - 用run方法设置rootScope初始值 67 | ## $apply 68 | - 告诉angular刷新视图 69 | - $timeout $interval angular中的内置服务 70 | - 取消定时器 $timeout.cancel()/$interval.cancel() 71 | > 已经有apply功能的 就不要在调用apply了 72 | ## $watch 73 | - 可以监听模型数据的变化 74 | ``` 75 | $scope.$watch('模型的名字',function(){}) 76 | ``` --------------------------------------------------------------------------------