anchor.diff:  :marked
     An **Attribute** directive changes the appearance or behavior of a DOM element.
   
  -  **属性**型指令用于改变一个DOM元素的外观或行为。
  +  **属性**型指令用于改变一个 DOM 元素的外观或行为。
   
   
   :marked
  
positive.code: :marked
    Now reference this template in the `AppComponent`:
  
    现在，引用`AppComponent`的模板：
  +makeExample('attribute-directives/ts/app/app.component.ts',null,'app/app.component.ts')
  :marked
    Next, add an `import` statement to fetch the `Highlight` directive and
    add that class to the `declarations` NgModule metadata. This way Angular
    recognizes the directive when it encounters `myHighlight` in the template.
  
    接下来，添加了一个`import`语句来获得'Highlight'指令类，并把这个类添加到`AppComponent`组件的`declarations`数组中。
    这样，当Angular在模板中遇到`myHighlight`时，就能认出这是指令了。
  
  +makeExample('attribute-directives/ts/app/app.module.ts',null,'app/app.module.ts')
  
  
negative.code: :marked
    You can extend the directive class with a bindable **input** `highlightColor` property and use it to highlight text.
  
    我们将给指令类增加一个可绑定**输入**属性`highlightColor`，用它来加亮文本。
  
    Here is the final version of the class:
  
  