anchor.diff:    Angular rejects the binding with a clear error if we don't.
     
     `[myHighlight]="color"`中的'myHighlight'就是绑定***目标***。
  -  我们必须把它定义为一个*输入*属性，否则，Angular就会拒绝这次绑定，并给出一个明确的错误。
  +  我们必须把它定义为一个*Input*属性，否则，Angular就会拒绝这次绑定，并给出一个明确的错误。
     
     Angular treats a *target* property differently for a good reason.
     A component or directive in target position needs protection.
  
positive.code:     We have to tell it by listing `HighlightDirective` in the `directives` metadata array.
      
      这是因为Angular检测到我们正在尝试绑定到*某些东西*，但它不认识。
      我们得通过把`HighlightDirective`列在元数据的`directives`数组中来告诉它有这样一个指令。
  :marked
    Let's recap what happened.
    
  
negative.code: a#apply-directive
  :marked
    ## Apply the attribute directive
    ## 使用属性型指令
    The `AppComponent` in this sample is a test harness for our `HighlightDirective`.
    Let's give it a new template that 
    applies the directive as an attribute to a paragraph (`p`) element.
    In Angular terms, the `<p>` element will be the attribute **host**.
    
    这个例子中，`AppComponent`是我们用来测试`HighlightDirective`的一个壳儿。
    我们来给它一个新的模板，把这个指令作为属性应用到一个段落(`p`)元素上。
    用Angular的话说，`<p>`元素就是这个属性型指令的**宿主**。
  p
  