前面我们介绍了有关 Angular 路由的基本内容。现在，我们就可以完成我们所需要的部分了： 这应该是我们之前的需求列表中最后一部分了。 为了添加路由，首先，我们应该创建一个路由模块。 这里，我们将空路由''映射到TodoListComponent，同时添加了一个:status路由，也映射到这一组件。之所以这样设计，是因为按照需求里面的要求，路由只是为了切换待办事项的列表显示。那么，这意味着路由应 ...
最初，每个网页的都是独立的 HTML 页面。当我们打开一个网页时，浏览器需要向服务器请求页面，并把接收到的 HTML 文档渲染显示出来。当你点击一个链接，跳转到另外的页面时，浏览器需要向服务器请求新的页面，然后再渲染显示出来。 不过现在这种传统的显示已经不那么常见了。越来越多的网站使用 JavaScript 去动态加载页面内容。当你在站点内部点击按钮导航时，并不会重新获取整个页面，而是仅仅去请求内 ...
上一章我们实现了 Mark all as completed 选择框的相关操作。接下来，我们要实现的是另外一个需求： 很明显，计数器的值应该根据todoService.#todoList数组计算而来。那么，我们就在TodoService里面增加一个属性： 这里，我们使用了 TypeScript 的 getter 函数，返回#todoList中所有completed属性为false的待办事项的个数。 ...
上一章我们完成了待办事项的增加、删除、修改、完成等操作。在开始下面的需求之前，我们要解决一个之前遗留的 bug。 bug 的触发方式是，首先添加若干待办事项，然后利用删除按钮全部删除，此时，不能再添加新的待办事项。输入之后，列表始终为空。 下面我们先看一下增加待办事项的操作： 我们看到，每次新增待办事项，其实是向this.todoService.todoList数组追加元素。这样没有问题，而且符合 ...
前面的章节我们详细介绍了很多数据绑定，这些数据绑定的方法都是单向数据绑定。除了前面介绍的那些，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 内部是如何工作的。前面我们已经利用 Angular CLI 创建了一个完整的 Angular 项目。这个项目有模板式的代码以及一对配置文件。当我们使用ng serve命令运行时，我们可以看到一个还算不错的页面。那么，从开始启动到这个页面显示到浏览器，Angular 究竟做了什么呢？ 引导是初始化或者加载 Angular 应用的技 ...
豆子，生于山东，定居南京。毕业于山东大学软件工程专业。软件工程师，主要关注于 Qt、Angular 等界面技术。
主题 Salodad 由 PenciDesign 提供 | 静态文件存储由又拍云存储提供 | 苏ICP备13027999号-2