anchor.diff:    In a simple demo, however, it's fine.
   
     应用代码直接在组件内部直接定义了数据。
  -  作为演示还可以，但它显然不是最佳实践。  
  +  作为演示还可以，但它显然不是最佳实践。
   
     At the moment, the binding is to !{_an} !{_array} of strings.
     In real applications, most bindings are to more specialized objects.
   
  -  现在，我们绑定到了一个字符串数组。在真实的应用中偶尔这么做。但绝大多数时候，我们会绑定一些对象数组上。  
  +  现在，我们绑定到了一个字符串数组。在真实的应用中，大多时候我们会绑定到一个对象数组。
   
     To convert this binding to use specialized objects, turn the !{_array}
     of hero names into !{_an} !{_array} of `Hero` objects. For that you'll need a `Hero` class.
   
  -  要将此绑定转换成使用特殊对象，把英雄名字放到`Hero`对象的数组。但首先得有一个`Hero`类。  
  +  要将此绑定转换成使用对象，需要把这个英雄名字数组变成`Hero`对象数组。但首先得有一个`Hero`类。
   
     Create a new file in the `!{_appDir}` folder called  <ngio-ex path="hero.ts"></ngio-ex> with the following code:
   
  
positive.code: 
    Sometimes an app needs to display a view or a portion of a view only under specific circumstances.
  
    有时候，应用只需要在特定情况下显示视图或视图的一部分。
  
    Let's change the example to display a message if there are more than three heroes.
  
    让我们来修改这个例子，让它显示在多于3位英雄的情况下，显示一条消息。
  
    The Angular `ngIf` directive inserts or removes an element based on a !{_boolean} condition.
    To see it in action, add the following paragraph at the bottom of the template:
  
    Angular的`NgIf`指令会基于条件的真假来显示或移除一个元素。
    我们来亲自动手试一下，把下列语句加到模板的底部：  
  
  +makeExcerpt('app/app.component.ts', 'message')
  
  
negative.code: 
    Now you know how to use:
  
    现在我们知道了如何使用以下内容：
  
    - **Interpolation** with double curly braces to display a component property
  
    - 用带有双花括号的**插值表达式（interpolation）**来显示一个组件属性
  
    - **ngFor** to display !{_an} !{_array} of items
  
    - 用**ngFor**来显示数组
  
    - A !{_Lang} class to shape the **model data** for our component and display properties of that model
  
    - 用一个!{_Lang}类来为我们的组件描述**数据模型**并显示模型的属性。
  
    - **ngIf** to conditionally display a chunk of HTML based on a boolean expression
  
    - **ngIf**用来根据一个布尔表达式有条件地显示一段HTML
  
    Here's the final code:
  
  