Angular

之前反复强调过,Angular 属性绑定使用 property。除此之外,Angular 也提供了几种特殊的绑定:class 和 style 的绑定以及 attribute 绑定。 绑定到 class 和 style 很特殊,是因为它们通常包含 CSS 类列表和其它的样式。这种绑定必须非常灵活,以满足页面的各种样式需要。普通的属性绑定覆盖了全部的 property,但不包括 HTML attrib ...

0 个评论 1 次阅读
Angular

上一章我们简单介绍了 Angular 数据绑定。Angular 数据绑定分为单向数据绑定和双向数据绑定。单向数据绑定又包括从组建到视图和从视图到组件;前者又分为插值和属性绑定。 前面我们已经介绍过插值。插值仅接受字符串类型,如果我们需要传递boolean、Array或object就无能为力了。为解决这一问题,Angular 又引入了属性绑定。 属性绑定 属性绑定允许我们将组件的字段绑定到 HTML ...

1 个评论 4 次阅读
Angular

本章我们将阐述关于数据绑定的内容。如果没有数据绑定,Angular 组件就没什么用处,因为它不能显示动态数据。除了显示数据,组件还应该能够对用户操作做出响应。数据绑定能够使组件的显示与组件类的数据保持一致:也就是你在界面上看到的数据就是组件保存的数据。 什么是数据绑定? 数据绑定是一种视图与组件之间的数据能够保持一致的技术。用户在界面更新数据,Angular 将变更同步到视图绑定的组件类;组件类的 ...

0 个评论 2 次阅读
Angular

本章我们将介绍 Angular 组件。前面我们说过,组件是 Angular 的核心,其它的一切都是围绕组件设计的:服务为组件提供业务逻辑、模块对组件进行打包。我们还是以前面创建的 demo 项目为例。demo 项目的代码可以在这里找到。 什么是 Angular 组件? 组件是 Angular 项目的核心,包含数据以及定义界面如何显示、有何行为的界面逻辑。组件会关联一个模板 HTML 作为显示用的视 ...

0 个评论 1 次阅读
Angular

本章将介绍 Angular 是如何引导的:我们将知道 Angular 内部是如何工作的。前面我们已经利用 Angular CLI 创建了一个完整的 Angular 项目。这个项目有模板式的代码以及一对配置文件。当我们使用ng serve命令运行时,我们可以看到一个还算不错的页面。那么,从开始启动到这个页面显示到浏览器,Angular 究竟做了什么呢? 引导是初始化或者加载 Angular 应用的技 ...

1 个评论 1 次阅读
Angular

在见识过 Angular 项目结构之后,我们对 Angular 有了一个大致的了解。现在,我们将整体了解下 Angular 的架构以及各个概念,方便以后的学习。 Angular 架构 Angular 的核心是组件 component。前面我们已经看到,一个 Angular 应用就是一棵以根组件(通常称为AppComponent)为根的组件树。我们向这棵树添加更多组件,来构建我们的应用。 下面我们以 ...

0 个评论 2 次阅读
Angular

上一章我们介绍了 Angular CLI 为我们生成的那些除了源代码的项目相关文件。这一章我们将简单介绍源代码文件。 组件 app.component.ts 是 Angular CLI 为我们生成的组件文件,位于 src/app 目录下,其内容为: 组件是我们应用中最重要的部分。它们代表了应用的视图。所谓视图,就是屏幕上可以看到的区域。以 app.component.ts 为例,这个文件通常包含三 ...

2 评论 1 次阅读
Angular

上一章我们已经安装好 Angular CLI,下面来创建一个示例工程,了解 Angular CLI 的基本使用。 Angular CLI 可以帮我们生成开箱即用的项目框架,其具体命令是: 这里,开头的ng说明这是一个 Angular CLI 命令;之后的new说明是要新建项目;项目名就是最后的 demo。 按下回车之后,Angular CLI 会询问我们几个问题: Would you like t ...

0 个评论 2 次阅读
Angular

2020-08-11 更新到 Angular 10 从零开始搭建一个前端项目要比同样搭建后端项目复杂得多。一定程度上是因为前端项目各种零零散散的工具都有着自己的配置文件,缺乏一个统一的开发框架。好在现在很多成熟的前端框架都提供了命令式的项目生成工具,用于简化这一流程。Angular 从最初的版本就提供了一个名为 CLI 的命令行工具,可以生成开箱即用的 Angular 项目环境。本章我们将着重介绍 ...

0 个评论 3 次阅读
Angular

Angular 学习之路

by 豆子

2020-07-29 更新到 Angular 10 《Angular 学习之路》是现在打算重新开始的一个系列。之所以开启一个新的系列,而且是打算长期进行的系列,是因为这是豆子的本职工作所使用到的技术。因此,对 Angular 的应用会有一个比较坚实的基础。 《Angular 学习之路 》只关心 Angular 2 及以上版本。关于 Angular 和 AngularJS 的关系,按照官方说法,An ...

1 个评论 2 次阅读

关于我

devbean

devbean

豆子,生于山东,定居南京。毕业于山东大学软件工程专业。软件工程师,主要关注于 Qt、Angular 等界面技术。

主题 Salodad 由 PenciDesign 提供 | 静态文件存储由又拍云存储提供 | 苏ICP备13027999号-2