现在位置: 首页 > JavaScript > Angular JS2 教程 > 文章
2019年01月21日 Angular JS2 教程 ⁄ 共 4956字 暂无评论 ⁄ 阅读 52 views 次
本章节我们为大家介绍如何配置 Angular 2 的执行环境。 本章节使用的是 JavaScript 来创建 Angular 的应用,当然你也可以使用 TypeScript 和 Dart 来创建 Angular 应用 。 本章节使用到的文件目录结构如下所示: 创建配置文件 创建目录 $ mkdir angular-quickstart $ cd angular-quickstart 载入需要的库 这里我们推荐使用 npm 来作为包的管理工具,如果你还没安装npm或者不了解 npm 可以查看我们的教程:NPM 使用介绍。 创建 ...
阅读全文
2019年01月21日 Angular JS2 教程 ⁄ 共 6070字 暂无评论 ⁄ 阅读 30 views 次
本章节使用的是 TypeScript 来创建 Angular 的应用,这也是官方推荐使用的,本教程的实例也将采用 TypeScript 来编写。 TypeScript 是一种由微软开发的自由和开源的编程语言,它是JavaScript的一个超集,扩展了JavaScript的语法。 如果你不了解TypeScript,可以查阅以下资料: TypeScript 入门教程 TypeScript 中文手册 这开始前,你需要确保你已经安装了 npm,如果你还没安装npm或者不了解 npm 可以查看我们的教程:NPM 使用...
阅读全文
2019年01月21日 Angular JS2 教程 ⁄ 共 3855字 暂无评论 ⁄ 阅读 24 views 次
Angular 2 应用程序应用主要由以下 8 个部分组成: 1、模块 (Modules) 2、组件 (Components) 3、模板 (Templates) 4、元数据 (Metadata) 5、数据绑定 (Data Binding) 6、指令 (Directives) 7、服务 (Services) 8、依赖注入 (Dependency Injection) 下图展示了每个部分是如何相互工作的: 图中的模板 (Templates)是由 Angular 扩展的 HTML 语法组成,组件 (Components)类用来管理这些模板,应用逻辑部分通过服务 (Services)来...
阅读全文
2019年01月21日 Angular JS2 教程 ⁄ 共 2033字 暂无评论 ⁄ 阅读 31 views 次
本章节我们将为大家介绍如何将数据显示到用户界面上,可以使用以下三种方式: 通过插值表达式显示组件的属性 通过 NgFor 显示数组型属性 通过 NgIf 实现按条件显示 通过插值表达式显示组件的属性 要显示组件的属性,插值是最简单的方式,格式为:{{属性名}}。 以下代码基于 Angular 2 TypeScript 环境配置 来创建,你可以再该章节上下载源码,并修改以下提到的几个文件。 app/app.component.ts 文件: import { Component ...
阅读全文
2019年01月21日 Angular JS2 教程 ⁄ 共 2229字 暂无评论 ⁄ 阅读 31 views 次
用户点击链接、按下按钮或者输入文字时,这些用户的交互行为都会触发 DOM 事件。 本章中,我们将学习如何使用 Angular 事件绑定语法来绑定这些事件。 以下Gif图演示了该实例的操作: 源代码可以再文章末尾下载。 绑定到用户输入事件 我们可以使用 Angular 事件绑定机制来响应任何 DOM 事件 。 以下实例将绑定了点击事件: <button (click)="onClickMe()">点我!</button> 等号左边的 (click) 表示把该按钮的点击事...
阅读全文
2019年01月21日 Angular JS2 教程 ⁄ 共 7750字 暂无评论 ⁄ 阅读 35 views 次
本章节我们将为大家介绍如何使用组件和模板构建一个 Angular 表单。 利用 Angular 模板,我们可以创建各种类型表单,例如:登录表单,联系人表单,商品详情表单等,而且我们也为这些表单的字段添加数据校验。 接下来我们一步步来实现表单的功能。 创建项目 导入初始化项目。 完整的项目创建可以参考:Angular 2 TypeScript 环境配置 或者直接下载源代码:点我下载 解压后,修改目录名为angular-forms,修改 angular-forms/pack...
阅读全文
2019年01月21日 Angular JS2 教程 ⁄ 共 5990字 暂无评论 ⁄ 阅读 30 views 次
前面几个章节我们已经接触了 Angular 的模板,本文我们将具体介绍 Angular 的语法使用。 模板扮演的是一个视图的角色,简单讲就是展示给用户看的部分。 HTML 插值表达式 模板表达式 模板语句 绑定语法 属性绑定 HTML 属性、 class 和 style 绑定 事件绑定 使用 NgModel 进行双向数据绑定 内置指令 * 与 <template> 模板引用变量 输入输出属性 模板表达式操作符 HTML HTML 是 Angular 模板的"语言",除了 <script>...
阅读全文
2019年01月06日 Angular JS2 教程, 全部分类 ⁄ 共 790字 暂无评论 ⁄ 阅读 53 views 次
Angular2 是一款开源JavaScript库,由Google维护,用来协助单一页面应用程序运行。 Angular2 是 Angular 1.x 的升级版本,性能上得到显著的提高,能很好的支持 Web 开发组件。 Angular2 发布于2016年9月份,它是基于ES6来开发的。 学习本教程需要的基础知识 学习本教程前,你需要具备基本的前端基础:HTML、CSS、JavaScript。此外你还需要了解 NPM 及 TypeScript。 NPM 使用介绍。 TypeScript 入门教程 Angular2.x与Angu...
阅读全文
×