anchor.diff:    +makeExample('toh-2/ts/app/app.component.ts', 'on-select', 'app.component.ts (onSelect)')
   
     :marked
  -    선택된 히어로의 상세 정보를 템플릿에 보여 보겠습니다. 아직은 여전히 예전 `hero` 속성을 참조하고 있습니다. 새로운 `selectedHero` 속성에 연동이 되도록 템플릿을 수정하겠습니다.
  +    선택된 히어로의 상세 정보를 템플릿에 보여 보겠습니다. 
  +    아직은 여전히 예전 `hero` 속성을 참조하고 있습니다. 
  +    새로운 `selectedHero` 속성에 연동이 되도록 템플릿을 수정하겠습니다.
   
       We will be showing the selected hero's details in our template.
       At the moment, it is still referring to the old `hero` property.
  
positive.code:       [Template Syntax](../guide/template-syntax.html#directives) chapters.
  
    :marked
      브라우저를 갱신하면 히어로 목록은 보이지만 선택된 히어로의 상세는 보이지 않을 것입니다. `ngIf`가 `selectedHero`가 undefined 값을 가질때까지는 DOM에서 제외시키기 때문입니다. 목록에서 하나의 히어로를 클릭하면 이제 선택된 히어로의 상세정보가 보이게 됩니다. 모든 것이 예상한데로 동작하는군요.
  
      The browser refreshes and we see the list of heroes but not the selected hero detail.
      The `ngIf` keeps it out of the DOM as long as the `selectedHero` is undefined.
  
negative.code:       in the Template Syntax chapter.
  
    :marked
      브라우저가 앱을 다시 로드합니다. 
      이제 Magneta 히어로를 선택해보면 배경색을 통해 확실히 식별이 가능합니다.
  
      The browser reloads our app.
      We select the hero Magneta and the selection is clearly identified by the background color.
  