anchor.diff:  
   :marked
     Then modify the <ngio-ex path="app.component.ts"></ngio-ex> file by
  -  changing the template and the body of the component.  
  +  changing the template and the body of the component.
   
     然后，到`app.component.ts`文件中修改组件的模板和代码。
   
  
positive.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;
  
negative.code:   more about template input variables in the [microsyntax](./template-syntax.html#ngForMicrosyntax) section of
    the [Template Syntax](./template-syntax.html) page.
  
    注意看`ngFor`双引号表达式中的`hero`，它是一个模板输入变量。
    更多模板输入变量的信息，见[模板语法](./template-syntax.html)中的
    [微语法（microsyntax）](./template-syntax.html#ngForMicrosyntax)。
  
    Angular duplicates the `<li>` for each item in the list, setting the `hero` variable
    to the item (the hero) in the current iteration. Angular uses that variable as the
    context for the interpolation in the double curly braces.
  
    Angular为列表中的每一英复制一个`<li>`元素，在每个迭代中，都会把`hero`变量设置为当前条目（英雄）。
    Angular把`hero`变量作为双花括号插值表达式的上下文。
  .l-sub-section
    :marked
      In this case, `ngFor` is displaying !{_an} !{_array}, but `ngFor` can
      repeat items for any [iterable](!{_iterableUrl}) object.
  
      本例中，`ngFor`用于显示一个“数组”，
      但`ngFor`可以为任何[可迭代的（iterable）](!{_iterableUrl})对象重复渲染条目。
  
  :marked
    Now the heroes appear in an unordered list.
  