非常教程

AngularJS参考手册

环境准备与部署

搭建环境剖析

在搭建本地开发环境的过程中会安装很多文件。它们大部分都可以被忽略掉。

对程序员来讲最重要的是在 src/e2e/ 文件夹之内的应用文件。

在这两个文件夹之外的文件为开发环境设定条件。 这些文件很少会需要变动,你可能永远都不需要阅览或者修改它们。

文件

用途

src/app/

你的 Angular 应用文件。"Hello Angular" 这个例子中有 AppComponent、AppModule、 一个组件单元测试 (app.component.spec.ts) 以及引导文件 main.ts。在 live example 中试试范例程序 / 下载范例和单元测试 / 下载范例

e2e/

应用的端对端(e2e)测试,用 Jasmine 写成并用 protractor 端对端测试运行器测试。初始化后,有个“Hello Angular” 的例子的端对端测试。

node_modules/

用 npm install 命令安装的 npm 包。

.editorconfig.git/.gitignore.travis.yml

配置文件和文件夹的工具。 除非你有足够的理由,否则别动它。

CHANGELOG.md

快速上手库的更新历史。 删除或忽略。

favicon.ico

出现在浏览器标签上的应用图标。

index.html

应用的宿主页面。 它以特定的顺序加载一些基本脚本。 然后它启动应用,将根 AppComponent 放置到自定义 <my-app>标签里。同一个 index.html 满足所有文档应用例子。

karma.conf.js

在测试指南中提到的 karma 测试运行器的配置。

karma-test-shim.js

在测试指南中提到的 karma 测试运行器的脚本。

non-essential-files.txt

这个列表中的文件在清理时可以删除,它是原始的“快速上手”种子工程中的测试和 git 维护文件。 步骤参见可选的删除非必要文件部分。 只在最初做这件事,以免不小心删除了你自己的测试文件和 git 配置!

LICENSE

应用的搭建代码中用到的开源 MIT 许可证。

package.json

为项目指定 npm 依赖包。包含了一些命令脚本,用来运行应用、运行测试与其他。输入 npm run 来查看命令列表。 到这里阅读更多关于它们的说明。

protractor.config.js

protractor 端对端 (e2e) 测试器运行器的配置。

README.md

项目中使用这个 git 库的说明。 在删除前值得阅读。

styles.css

应用的全局样式。初始化后,有个为《快速上手》演示准备的 <h1> 样式。

systemjs.config.js

为 SystemJS 模块加载器指定去哪儿查找在 JavaScript 的 import 语句中引用的模块。例如:content_copyimport { Component } from '@angular/core;除非你完全理解 SystemJS 的配置,不要修改它。

systemjs.config.extras.js

可选的额外 SystemJS 配置。 是添加 SystemJS 映射的途径,例如在无需修改原始 systemjs.config.js 的情况下为应用映射封装桶。

tsconfig.json

为 TypeScript 编译器指定如何将 TypeScript 代码转换为 JavaScript 文件,用来在所有现代浏览器中运行。

tslint.json

利用 npm 安装的 TypeScript 语法检查器 (linter) 检测 TypeScript 代码并在你违反它的规则时提示你。该文件定义了 Angular 风格指南与本文档站作者喜爱的语法检查规则。

AngularJS

Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。Angular 集声明式模板、依赖注入、端到端工具和一些最佳实践于一身,为你解决开发方面的各种挑战。

AngularJS目录

1.快速上手 | quick start
2.语言服务
3.安全
4.环境准备与部署
5.Service Worker
6.保持最新
7.从 AngularJS 升级
8.服务端渲染
9.Visual Studio 2015 快速上手
10.风格指南
11.国际化
12.测试
13.路由与导航
14. 教程 | Tutorial
15.架构
16.组件与模板
17.表单
18.可观察对象与RxJS
19.引导启动
20.Angular 模块
21.依赖注入
22.HttpClient
23.词汇表
24.AngularJS 应用
25.AngularJS 模块
26.AngularJS 事件
27.AngularJS HTML DOM
28.AngularJS 过滤器
29.AngularJS 控制器
30.AngularJS 指令
31.AngularJS 表达式
32.AngularJS 简介
33.AngularJS 参考手册
34.AngularJS 实例
35.AngularJS 输入验证
36.AngularJS 表单
37.AngularJS SQL
38.AngularJS 表格
39.AngularJS Http
40.AngularJS 包含
41.AngularJS Bootstrap
42.AngularJS API
43.AngularJS ng-checked 指令
44.AngularJS ng-change 指令
45.AngularJS ng-blur 指令
46.AngularJS ng-bind-template 指令
47.AngularJS ng-bind-html 指令
48.AngularJS ng-bind 指令
49.AngularJS ng-app 指令
50.AngularJS Scope(作用域)
51.AngularJS ng-model 指令
52.AngularJS ng-dblclick 指令
53.AngularJS ng-cut 指令
54.AngularJS ng-csp 指令
55.AngularJS ng-copy 指令
56.AngularJS ng-controller 指令
57.AngularJS ng-cloak 指令
58.AngularJS ng-click 指令
59.AngularJS ng-class-odd 指令
60.AngularJS ng-class-even 指令
61.AngularJS ng-class 指令
62.AngularJS ng-keyup 指令
63.AngularJS ng-keypress 指令
64.AngularJS ng-keydown 指令
65.AngularJS ng-init 指令
66.AngularJS ng-include 指令
67.AngularJS ng-if 指令
68.AngularJS ng-href 指令
69.AngularJS ng-hide 指令
70.AngularJS ng-focus 指令
71.AngularJS ng-disabled 指令
72.AngularJS ng-non-bindable 指令
73.AngularJS ng-mouseup 指令
74.AngularJS ng-mouseover 指令
75.AngularJS ng-mousemove 指令
76.AngularJS ng-mouseleave 指令
77.AngularJS ng-mouseenter 指令
78.AngularJS ng-mousedown 指令
79.AngularJS ng-model-options 指令
80.AngularJS ng-model 指令
81.AngularJS ng-list 指令
82.AngularJS ng-style 指令
83.AngularJS ng-srcset 指令
84.AngularJS ng-src 指令
85.AngularJS ng-show 指令
86.AngularJS ng-selected 指令
87.AngularJS ng-repeat 指令
88.AngularJS ng-readonly 指令
89.AngularJS ng-paste 指令
90.AngularJS ng-options 指令
91.AngularJS ng-open 指令
92.AngularJS ng-value 指令
93.AngularJS ng-switch 指令
94.AngularJS ng-submit 指令
95.AngularJS 服务(Service)
96.AngularJS Select(选择框)
97.AngularJS 动画
98.AngularJS 依赖注入