一，今天完成的事情

学习了以下内容：

模板语法

Angular 应用管理着用户之所见和所为，并通过 Component 类的

实例（组件）和面向用户的模板交互来实现这一点。从使用模型-视

图-控制器 (MVC) 或模型-视图-视图模型 (MVVM) 的经验中，很多开

发人员都熟悉了组件和模板这两个概念。 在 Angular 中，组件扮

演着控制器或视图模型的角色，模板则扮演视图的角色。

插值与模板表达式

插值能让你把计算后的字符串合并到 HTML 元素标签之间和属性赋值

语句内的文本中。模板表达式则是用来供你求出这些字符串的。

插值 {{...}}

所谓 "插值" 是指将表达式嵌入到标记文本中。 默认情况下，

插值会用双花括号 {{ 和 }} 作为分隔符。

模板表达式

模板表达式会产生一个值，并出现在双花括号 {{ }} 中。

 Angular 执行这个表达式，并把它赋值给绑定目标的属性，

这个绑定目标可能是 HTML 元素、组件或指令。

{{1 + 1}} 中所包含的模板表达式是 1 + 1。 在属性绑定

中会再次看到模板表达式，它出现在 = 右侧的引号中，

就像这样：[property]="expression"。

在语法上，模板表达式与 JavaScript 很像。很多 JavaScript 

表达式都是合法的模板表达式，但也有一些例外。

Angular 提供了多种数据绑定方式。绑定类型可以分为三类，按数据流的方向分为：

• 从数据源到视图

• 从视图到数据源

• 双向：视图到数据源到视图

content_copy{{expression}}[target]="expression"bind-target="expression"

content_copy(target)="statement"on-target="statement"

content_copy[(target)]="expression"bindon-target="expression"

绑定类型与绑定目标

数据绑定的目标是 DOM 中的对象。 根据绑定类型，该目标可以是 Property 名（

元素、组件或指令的）、事件名（元素、组件或指令的），有时是 Attribute 名。

下表中总结了不同绑定类型的目标。

content_copy<img [src]="heroImageUrl"><app-hero-detail [hero]="currentHero"></app-hero-detail><div [ngClass]="{'special': isSpecial}"></div>

content_copy<button (click)="onSave()">Save</button><app-hero-detail (deleteRequest)="deleteHero()"></app-hero-detail><div (myClick)="clicked=$event" clickable>click me</div>

content_copy<input [(ngModel)]="name">

content_copy<button [attr.aria-label]="help">help</button>

content_copy<div [class.special]="isSpecial">Special</div>

content_copy<button [styl

今天成功获取了列表数据，还未完成渲染页面

二，明天准备完成列表页面渲染和搜索等功能。