Angular.js学习之路（一）

引用来源：https://angular.cn/start

该应用现在具有商品列表和共享功能。在这个过程中，你已经
学会了 Angular 模板语法的五个常用特性：

*ngFor

*ngIf

插值 {{}}

属性绑定 []

事件绑定 ()
组件在用户界面（也就是 UI）中定义了一些责任区，让你能复用这些 UI 功能集。你已经通过商品列表组件构建了一个。

组件包含三部分：

一个组件类，它用来处理数据和功能。上一节，我们在组件类中定义了商品数据和 share() 方法，它们分别用来处理数据和功能。

一个 HTML 模板，它决定了 UI。在上一节中，商品列表的 HTML 模板用来显示每个商品的名称、描述和 “Share” 按钮。

组件专属的样式定义了外观和感觉。商品列表中还没有定义任何样式，那属于组件 CSS 负责。

Angular 应用程序由一棵组件树组成，每个 Angular 组件都有一个明确的用途和责任。

<app-product-alerts   [product]="product">
 </app-product-alerts>