logo
  • 教程列表
  • SO官方文档
  • Angular 2 教程
    • 开始使用 Angular 2
      • 使用 angular-cli 安装 angular2
      • 没有 angular-cli 的 Angular 2 入门
      • 使用 node.jsexpressjs 后端开始使用 Angular 2(包括 http 示例)
      • 通过那个讨厌的公司代理
      • 保持 Visual Studios 与 NPM 和 NODE 更新同步
      • 让我们开始 Angular 4
    • Angular 2 表单更新
      • Angular 2 模板驱动表单
      • Angular 2 表单 - 自定义 EmailPassword 验证
      • 具有多重控制验证的简单密码更改表单
      • Angular 2 表格(动态表格),注册表格并确认密码验证
      • Angular 2 反应形式(又称模型驱动形式)
      • Angular2 - 表单生成器
    • 管道
      • 定制管道
      • 内置管道
      • 链条管
      • 使用 JsonPipe 进行调试
      • 动态管道
      • 使用异步管道展开异步值
      • 有状态的管道
      • 创建自定义管道
      • 全局可用的定制管道
      • 扩展现有管道
      • 测试管道
    • 使用 ViewContainerRef.createComponent 动态添加组件
      • 一个包装器组件,以声明方式添加动态组件
      • 在特定事件上动态添加组件(单击)
      • 在 Angular2 中的模板 html 上呈现动态创建的组件数组
    • 模仿 @ngrx 商店
      • 具有模拟存储的组件的单元测试
      • 模拟 Observer
      • Angular 2 - Mock Observable(服务组件)
      • 组件间谍的单元测试存储
      • 简单商店
    • 具有 API 请求的 Angular RXJS 主题和 Observable
      • 等待多个请求
      • 基本要求
      • 封装 API 请求
    • 路由(3.0.0+)
      • 控制对路径的访问
      • 添加保护到路由配置
      • 使用解析器和警卫
      • 在 app bootstrap 中使用 Guard
      • 引导
      • 配置路由器插座
      • 更改路线(使用模板指令)
      • 设置路由
    • Angualr 2 中的 Bootstrap 空模块
      • 一个空模块
      • 应用程序根模块
      • 引导你的模块
      • Web 浏览器上具有网络连接的模块
      • 使用工厂类进行静态引导
    • 测试 Angular 2 应用程序
      • 安装 Jasmine 测试框架
      • 使用 Gulp Webpack Karma 和 Jasmine 设置测试
      • HTTP 测试服务
      • 测试 Angular 组件 - 基本
    • 检测调整大小事件
      • 监听窗口调整大小事件的组件
    • 路由
      • ResolveData
      • 与子组件一起路由
      • 基本路由
      • 子路由
    • Angular2 中的 CRUD 与 Restful API
      • 从 Angular2 中的 Restful API 读取
    • Angular2 在 Memory Web API 中
      • 设置多个测试 API 路由
      • 基本设置
    • 指令
      • ngFor
      • 属性指令
      • Component 是带模板的指令
      • 结构指令
      • 自定义指令
      • 复制到剪贴板指令
      • 测试自定义指令
    • 指令和组件 @Input @Output
      • Angular2 输入和输出嵌套组件
      • 输入示例
      • Angular2 输入与异步数据
    • 如何使用 ngif
      • 使用 ngIf 在 ngFor 循环的开始或结束时运行函数
      • 显示加载消息
      • 在条件上显示警报消息
      • 使用 ngIf withngFor
    • Http Interceptor
      • 用我们的类而不是 Angulars Http
      • 简单类扩展 Angular Http 类
      • 简单的 HttpClient AuthToken 拦截器(Angular 4.3)
    • 功能模块
      • 功能模块
    • 生命周期钩子
      • OnChanges
      • OnInit
      • OnDestroy
      • AfterContentInit
      • AfterContentChecked
      • AfterViewInit
      • AfterViewChecked
      • DoCheck
    • 高级组件示例
      • 预览图像选择器
      • 通过输入过滤掉表值
    • Angular - ForLoop
      • NgFor - 循环标记
      • ngFor with component
      • Angular 2 for-loop
      • ngFor X 每行的项目数量
      • 表格行中的 ngFor
    • 如何使用 ngfor
      • ng 管道
      • 无序列表示例
      • 更多的文本示例
      • 跟踪当前交互示例
      • Angular2 别名导出的值
    • EventEmitter 服务
      • 捕获事件
      • 实例
      • 类组件
      • 类概述
      • 触发事件
    • 延迟加载模块
      • 延迟加载示例
    • 使用 Angular 2 进行的 Ahead(AOT) 编译
      • 为什么我们需要编译事件编译流程和示例
      • 1.使用编译器安装 Angular 2 依赖项
      • 2.将 angularCompilerOptions 添加到 tsconfig.json 文件中
      • 3.运行 ngc angular 编辑器
      • 4.修改 main.ts 文件以使用 NgFactory 和静态平台浏览器
      • 使用 Angular CLI 进行 AoT 编译
    • NGRX
      • 完成示例 Loginlogout 用户
    • 服务工作者
      • 在 App 中添加服务 Worker
    • 服务和依赖注入
      • 示例服务
      • Promise.resolve 的示例
      • 测试服务
    • Angular 2 数据驱动表单
      • 数据驱动表格
    • 使用 ChangeDetectionStrategy 优化渲染
      • 默认 vs OnPush
    • Angular2 自定义验证
      • getset formBuilder 控制参数
      • 自定义验证器示例
      • 在 Formbuilder 中使用验证器
    • Angular Material 设计
      • Md2Accordion 和 Md2Collapse
      • Md2Select
      • Md2Toast
      • Md2Datepicker
      • Md2Tooltip
    • Angular2 中的 Dropzone
      • 拖放区
    • 使用 angular-cli@1.0.0-beta.10 安装第三方插件
      • 在 angular-cli 项目中添加 jquery 库
      • 添加没有 typing 的第三方库
    • 创建一个 Angular 2+ NPM 包
      • 最简单的包装
    • Zone.js
      • 参考 NgZone
      • 在显示数据之前使用 NgZone 执行多个 HTTP 请求
    • Angular2 使用 webpack
      • Angular 2 webpack 设置
    • Angular2 在引导之前向 App 提供外部数据
      • 通过依赖注入
    • 自定义 ngx-bootstrap datepicker +输入
      • 自定义 ngx-bootstrap datepicker
    • Angular 2 - Protractor
      • Angular2 Protractor - 安装
      • 使用 Protractor 测试 Navbar 路由
    • 测试 ngModel
      • 基本测试
    • 配置 ASP.net Core 应用程序以使用 Angular 2 和 TypeScript
      • Asp.Net Core Angular2 Gulp
      • 种子 Asp.Net Core Angular2 Gulp 在 Visual Studio 2017 上
      • MVC - Angular 2
    • OrderBy Pipe
      • 管道
    • Angular2 Input() output()
      • input()
      • 输入属性的简单示例
    • Angular CLI
      • 使用 angular-cli 创建空的 Angular2 应用程序
      • 生成组件指令管道和服务
      • 添加第三方库
      • 用 angular-cli 构建
      • 以 scsssass 作为样式表的新项目
      • 将 yarn 设置为 angularcli 的默认包管理器
    • 绕过可信赖值的消毒
      • 用管道绕过消毒(用于代码重复使用)
    • 使用 Visual Studio Code 调试 Angular2 TypeScript 应用程序
      • 为你的工作区启动 Launch.json
    • 组件交互
      • 使用输入绑定将数据从父级传递给子级
      • 父 - 使用输入输出属性的子交互
      • 父 - 使用 ViewChild 进行子交互
      • 通过服务进行双向父子互动
    • Angular2 数据绑定
      • Input()
    • 在 Angular 2 中使用本机 Web 组件
      • 在模块中包含自定义元素架构
      • 在模板中使用 web 组件
    • Angular2 动画
      • 基本动画 - 转换由模型属性驱动的两个状态之间的元素
    • 在 Angular 2 中使用第三方库,如 jQuery
      • 使用 angular-cli 进行配置
      • 在 Angular 2.x 组件中使用 jQuery
    • 动画
      • 空状态之间的转换
      • 多个状态之间的动画
    • Angular2 CanActivate
      • Angular2 CanActivate
    • 通常内置的指令和服务
      • 位置等级
      • AsyncPipe
      • 显示项目中使用的当前 angular2 版本
      • 货币管道
    • 单元测试
      • 基本单元测试
    • Angular 2 变化检测和手动触发
      • 基本的例子
    • 更新打字
      • 在打字时 WARN 弃用时更新打字
    • 强制升级
      • 支持一个新的 Angular CLI 项目
    • 使用 @HostBinding 装饰器影响主机节点上属性值的属性指令
      • HostBinding
    • 页面标题
      • 更改页面标题
    • 模板
      • Angular 2 模板
    • Angular 还原
      • 基本
      • 获取当前状态
      • 改变状态
      • 添加 redux chrome 工具
    • 静态 URL 的路由子路由等路由示例
      • 子路由树的基本路由示例
    • 模块
      • 一个简单的模块
      • 嵌套模块
    • 创建 Angular npm 库
      • 带服务类的最小模块
    • 组件
      • 一个简单的组件
      • 模板样式
      • 测试组件
      • 嵌套组件
    • Barrel
      • 使用 Barrel
    • angular-cli 测试覆盖率
      • 一个简单的 angular-cli 命令基础测试覆盖
      • 详细的单个组件库图形测试覆盖率报告
  1. StackOverflow 文档
  2. Angular 2 教程
  3. 开始使用 Angular 2

开始使用 Angular 2

Created: November-22, 2018

本节概述了如何安装和配置 Angular2 +以在各种环境中使用,以及 IDE 使用社区开发的 angular-cli 等工具。

以前版本的 Angular 是 AngularJS 或者也叫 Angular 1.请参见文档 。

  • 使用 angular-cli 安装 angular2

Copyright © 2018. All right reserved

tastones.com 备案号:鲁ICP备18045372号-1

  • 关于我们
  • 免责声明