Angular 的指令用于维护 DOM 结构。使用指令，你可以改变 DOM 元素的样式、行为或者布局。Angular 提供了三种指令： 组件指令 结构指令 属性指令 我们前面介绍过的组件，就是一种特殊的指令。如果你去阅读 Angular 的源代码，在 packages/core/src/metadata/directives.ts 中有这么一段足以说明问题： 结构指令用于改变 DOM 结构，比如增 ...
前面的章节我们详细介绍了很多数据绑定，这些数据绑定的方法都是单向数据绑定。除了前面介绍的那些，Angular 还提供了双向数据绑定。 双向数据绑定 双向数据绑定意味着数据是双向流动的：既可以从组件流向视图，又可以从视图流向组件。当我们在组件中修改了数据时，修改后的数据会自动显示在视图；当用户在视图修改了数据时，修改后的数据会自动同步到组件。这一技术对于页面表单尤其有用。 不过仔细回想一下，双向数据 ...
前面我们已经使用三个章节介绍了从组件到视图的单向数据绑定，本章我们将介绍从视图到组件的单项数据绑定。 从视图到组件 从视图到组件的数据改变，通常是由用户直接或间接触发的，比如用户的键盘输入、鼠标点击等动作，因此这类数据绑定实际就是事件绑定。 事件绑定 Angular 事件绑定使用如下语法： target-event使用()包围，是事件的名字；TemplateStatement是模板语句。当targ ...
之前反复强调过，Angular 属性绑定使用 property。除此之外，Angular 也提供了几种特殊的绑定：class 和 style 的绑定以及 attribute 绑定。 绑定到 class 和 style 很特殊，是因为它们通常包含 CSS 类列表和其它的样式。这种绑定必须非常灵活，以满足页面的各种样式需要。普通的属性绑定覆盖了全部的 property，但不包括 HTML attrib ...
上一章我们简单介绍了 Angular 数据绑定。Angular 数据绑定分为单向数据绑定和双向数据绑定。单向数据绑定又包括从组建到视图和从视图到组件；前者又分为插值和属性绑定。 前面我们已经介绍过插值。插值仅接受字符串类型，如果我们需要传递boolean、Array或object就无能为力了。为解决这一问题，Angular 又引入了属性绑定。 属性绑定 属性绑定允许我们将组件的字段绑定到 HTML ...
本章我们将阐述关于数据绑定的内容。如果没有数据绑定，Angular 组件就没什么用处，因为它不能显示动态数据。除了显示数据，组件还应该能够对用户操作做出响应。数据绑定能够使组件的显示与组件类的数据保持一致：也就是你在界面上看到的数据就是组件保存的数据。 什么是数据绑定？ 数据绑定是一种视图与组件之间的数据能够保持一致的技术。用户在界面更新数据，Angular 将变更同步到视图绑定的组件类；组件类的 ...
本章我们将介绍 Angular 组件。前面我们说过，组件是 Angular 的核心，其它的一切都是围绕组件设计的：服务为组件提供业务逻辑、模块对组件进行打包。我们还是以前面创建的 demo 项目为例。demo 项目的代码可以在这里找到。 什么是 Angular 组件？ 组件是 Angular 项目的核心，包含数据以及定义界面如何显示、有何行为的界面逻辑。组件会关联一个模板 HTML 作为显示用的视 ...
本章将介绍 Angular 是如何引导的：我们将知道 Angular 内部是如何工作的。前面我们已经利用 Angular CLI 创建了一个完整的 Angular 项目。这个项目有模板式的代码以及一对配置文件。当我们使用ng serve命令运行时，我们可以看到一个还算不错的页面。那么，从开始启动到这个页面显示到浏览器，Angular 究竟做了什么呢？ 引导是初始化或者加载 Angular 应用的技 ...
前面我们已经完成了 todo 的几个状态。下面我们开始针对这些状态添加一些便捷操作。这也是 todomvc 应用规范所要求的。 在输入框左边有一个箭头，这是一个 checkbox。当点击这个箭头时，所有 todo 都应该设置为完成状态；再次点击则将所有 todo 恢复为未完成状态。需要注意的是，这个 checkbox 的选择与下面 todo 的操作息息相关：当一个个将所有 todo 手动完成后，该 ...
下面我们继续实现 todomvc。按照 todomvc 应用规范，一个 todo 项目有三种交互方式：完成、编辑和删除。 “完成”显然要求我们记录下每一个 todo 的状态。按照我们目前的实现，每一个 todo 只是一个字符串，没有办法记录其状态。所以我们必须修改模型的数据结构，将 todo 存储为一个对象。我们为每一个 todo 对象添加一个 label 属性、一个 completed 属性。前 ...
豆子，生于山东，定居南京。毕业于山东大学软件工程专业。软件工程师，主要关注于 Qt、Angular 等界面技术。
主题 Salodad 由 PenciDesign 提供 | 静态文件存储由又拍云存储提供 | 苏ICP备13027999号-2