anchor.diff:  :marked
     - `moduleId`: sets the source of the base address (`module.id`) for module-relative URLs such as the `templateUrl`.
   
  -  - `moduleId`: 为与模块相关的URL（如`templateUrl`）提供基地址
  +    `moduleId`: 为与模块相关的 URL（例如`templateUrl`）提供基地址。
   
     - `selector`: CSS selector that tells Angular to create and insert an instance of this component
     where it finds a `<hero-list>` tag in *parent* HTML.
     For example, if an app's  HTML contains `<hero-list></hero-list>`, then
     Angular inserts an instance of the `HeroListComponent` view between those tags.
   
  -  - `selector`： CSS选择器，它告诉Angular在*父级*HTML中查找`<hero-list>`标签，创建并插入该组件。
  -  例如，如果应用的HTML包含`<hero-list></hero-list>`，Angular就会把`HeroListComponent`的一个实例插入到这个标签中。
  +    `selector`： CSS 选择器，它告诉 Angular 在*父级* HTML 中查找`<hero-list>`标签，创建并插入该组件。
  +  例如，如果应用的 HTML 包含`<hero-list></hero-list>`， Angular 就会把`HeroListComponent`的一个实例插入到这个标签中。
   
     - `templateUrl`: module-relative address of this component's HTML template, shown [above](#templates).
   
  -  - `templateUrl`：组件HTML模板的模块相对地址，[如前所示](#templates)。
  +    `templateUrl`：组件 HTML 模板的模块相对地址，[如前所示](#templates)。
   
     - `providers`: !{_array} of **dependency injection providers** for services that the component requires.
     This is one way to tell Angular that the component's constructor requires a `HeroService`
     so it can get the list of heroes to display. 
   
  -  - `providers` - 组件所需服务的*依赖注入提供商*数组。
  -  这是在告诉Angular：该组件的构造函数需要一个`HeroService`服务，这样组件就可以从服务中获得英雄数据。
  +    `providers` - 组件所需服务的*依赖注入提供商*数组。
  +  这是在告诉 Angular：该组件的构造函数需要一个`HeroService`服务，这样组件就可以从服务中获得英雄数据。
   
   figure
     img(src="/resources/images/devguide/architecture/template-metadata-component.png" alt="元数据" align="left" style="height:200px; margin-left:-40px;margin-right:10px" )
  
positive.code:   The `HeroDetailComponent` is a **child** of the `HeroListComponent`.
  
    `HeroDetailComponent`跟以前见到过的`HeroListComponent`是*不同*的组件。
    `HeroDetailComponent`(未展示代码)用于展现一个特定英雄的情况，这个英雄是用户从`HeroListComponent`列表中选择的。
    `HeroDetailComponent`是`HeroListComponent`的*子组件*。
  
  figure
  
negative.code:   * `declarations` - the _view classes_ that belong to this module.
    Angular has three kinds of view classes: [components](#components), [directives](#directives), and [pipes](pipes.html).
  
      `declarations` - 声明本模块中拥有的_视图类_。
    Angular 有三种视图类：[组件](#components)、[指令](#directives)和[管道](pipes.html)。
  
    * `exports` - the subset of declarations that should be visible and usable in the component [templates](#templates) of other modules.
  
      `exports` - declarations 的子集，可用于其它模块的组件[模板](#templates)。
  
    * `imports` - other modules whose exported classes are needed by component templates declared in _this_ module.
  
      `imports` - _本_模块声明的组件模板需要的类所在的其它模块。
  
    * `providers` - creators of [services](#services) that this module contributes to
    the global collection of services; they become accessible in all parts of the app.
  
      `providers` - [服务](#services)的创建者，并加入到全局服务列表中，可用于应用任何部分。
  
    * `bootstrap` - the main application view, called the _root component_,
    that hosts all other app views. Only the _root module_ should set this `bootstrap` property.
  
      `bootstrap` - 指定应用的主视图（称为_根组件_），它是所有其它视图的宿主。只有_根模块_才能设置`bootstrap`属性。
  
    Here's a simple root module:
  
    下面是一个简单的根模块：
  
  +makeExample('app/mini-app.ts', 'module', 'app/app.module.ts')(format='.')
  
  