anchor.diff:    see the [template expressions](./template-syntax.html#template-expressions) section of the
     [Template Syntax](./template-syntax.html) page.
   
  -  双引号中的[模板表达式](./template-syntax.html#template-expressions)，看起来很像JavaScript，但它也_只是_“像”JavaScript。
  -  当组件中的英雄列表有三个以上的条目时，Angular把这些语句添加到DOM中，于是消息显示了出来。
  -  如果少于或等于三个条目，Angular会移除这些语句，于是没有消息显示。
  +  双引号中的模板表达式`*ngIf="heros.length > 3"`，外观和行为很象!{_Lang}。
  +  当组件中的英雄列表有三个以上的条目时，Angular把这个段落添加到DOM中，于是消息显示了出来。
  +  更多信息，见[模板语法](./template-syntax.html)中的[模板表达式](./template-syntax.html#template-expressions)。
   .alert.is-helpful
     :marked
       Angular isn't showing and hiding the message. It is adding and removing the paragraph element from the DOM. That improves performance, especially in larger projects when conditionally including or excluding
       big chunks of HTML with many data bindings.
   
  -    Angular并不是在显示和隐藏这条消息，它是在从DOM中添加和移除这些元素。
  -    在这个范例中，它们(在性能上)几乎等价。但是如果我们想要有条件的包含或排除“一大堆”带着很多数据绑定的HTML，性能上的区别就会更加显著。    
  +    Angular并不是在显示和隐藏这条消息，它是在从DOM中添加和移除这个段落元素。
  +    这会提高性能，特别是在一些大的项目中有条件地包含或排除一大堆带着很多数据绑定的HTML时。
   
   :marked
     Try it out. Because the !{_array} has four items, the message should appear.
     Go back into <ngio-ex path="app.component.ts"></ngio-ex> and delete or comment out one of the elements from the hero !{_array}.
     The browser should refresh automatically and the message should disappear.
   
  -  试一下。因为数组中有四个条目，所以消息应该显示出来。
  +  试一下。因为这个数组中有四个条目，所以消息应该显示出来。
     回到`app.component.ts`，并从英雄数组中删除或注释掉一个元素。
     浏览器应该自动刷新，而消息应该会消失。
   .l-main-section
  
positive.code:   :marked
      You've defined a class with a constructor and two properties: `id` and `name`.
  
      我们这样就定义了一个带有构造函数和两个属性：`id`和`name`的类。    
  
      It might not look like the class has properties, but it does.
      The declaration of the constructor parameters takes advantage of a TypeScript shortcut.
  
      它可能看上去不像是有属性的类，但我们确实有。我们利用的是TypeScript提供的简写形式 —— 用构造函数的参数直接定义属性。    
  
      Consider the first parameter:
  
  
negative.code:   It marks that `<li>` element (and its children) as the "repeater template":
  
    这个界面使用了由`<ul>`和`<li>`标签组成的无序列表。`<li>`元素里的`*ngFor`是Angular的“迭代”指令。
    它将`<li>`元素和它的子级标记为“迭代模板”：
  
  +makeExcerpt('app/app.component.2.ts ()', 'li', '')
  
  .alert.is-important
    :marked
      Don't forget the leading asterisk (\*) in `*ngFor`. It is an essential part of the syntax.
      For more information, see the [Template Syntax](./template-syntax.html#ngFor) page.
  
      不要忘记`*ngFor`中的前导星号（\*）。它是语法中不可或缺的一部分。
      要了解关于此语法和`ngFor`的更多知识，请参见[模板语法](./template-syntax.html#ngFor)一章。
  :marked
    Notice the `hero` in the `ngFor` double-quoted instruction;
  