anchor.diff:    That's a lot of styles! We can put them inline as shown here, or we can move them out to their own file which will make it easier to code our component. 
     We'll do this in a later chapter. For now let's keep rolling.
     
  -  其实有很多种写法！我们可以像这里这样把模板内联进去，或者把模板移到单独的文件中 —— 这样能让编写组件变得更容易。后面的章节中我们会尝试使用独立模板，但现在我们先不管它。
  +  这里有很多种样式！我们可以像上面那样把它们内联在组件中，或者把样式移到单独的文件中 —— 这样能让编写组件变得更容易。我们会后面的章节中使用独立样式文件，现在我们先不管它。
   
     When we assign styles to a component they are scoped to that specific component.
     Our styles will only apply to our `AppComponent` and won't "leak" to the outer HTML.
   
  -  当我们把样式赋予一个组件时，它们的作用域将仅限于该组件。
  -  即：此样式只会作用于这个`AppComponent`组件，而不会“泄露”到外部HTML中。
  +  当我们向一个组件指定样式时，它们的作用域将仅限于该组件。
  +  上面的例子中，这些样式只会作用于`AppComponent`组件，而不会“泄露”到外部HTML中。
   
     Our template for displaying the heroes should now look like this:
     
  
positive.code:     This UI pattern is widely known as "master-detail".
      In our case, the master is the heroes list and the detail is the selected hero.
  
      在我们的应用中，已经有了英雄列表页以及一个单独的英雄显示页。
      但列表和单独的英雄之间还没有任何关联。
      我们希望用户在列表中选中一个英雄，然后让这个被选中的英雄出现在详情视图中。
      这种UI布局模式，通常被称为“主从式”。
      在这个例子中，主视图是英雄列表，从视图则是被选中的英雄。
  
      Let’s connect the master to the detail through a `selectedHero` component property bound to a click event.
      
      我们通过组件中的一个`selectedHero`属性来连接主从视图。它被绑定到了click事件上。
  
      ### Click event
      
  
negative.code:   
    Let’s create a public property in `AppComponent` that exposes the heroes for binding.
    
    我们在`AppComponent`上创建一个公共属性，用来暴露这些英雄，以供绑定。
  
  +makeExample('toh-2/ts-snippets/app.component.snippets.pt2.ts', 'hero-array-1', 'app.component.ts (hero array property)')
  
  