anchor.diff:    applies the directive as an attribute to a paragraph (`p`) element.
     In Angular terms, the `<p>` element will be the attribute **host**.
     
  -  这个例子中，`AppComponent`是我们用来测试`HighlightDirective`的一个壳儿。
  +  这个例子中，`AppComponent`是用来测试`HighlightDirective`的一个壳儿。
     我们来给它一个新的模板，把这个指令作为属性应用到一个段落(`p`)元素上。
     用Angular的话说，`<p>`元素就是这个属性型指令的**宿主**。
   p
  
positive.code:   We'll add a second **input** property to `HighlightDirective` called `defaultColor`:
    
    我们要让模板开发者设置一个默认颜色，直到用户选择了一个高亮颜色才失效。
    让我们给`HighlightDirective`添加第二个**输入型**属性`defaultColor`：
  +makeExample('attribute-directives/ts/app/highlight.directive.ts', 'defaultColor')(format=".")
  :marked
    The `defaultColor` property has a setter that overrides the hard-coded default color, "red".
    We don't need a getter.
    
    `defaultColor`属性是一个setter函数，它代替了硬编码的默认颜色“red”。我们不需要getter函数。
    
    How do we bind to it? We already "burned" the `myHighlight` attribute name as a binding target.
    
    我们该如何绑定到它？别忘了我们已经把`myHighlight`属性名用作绑定目标了。
    
    Remember that a *component is a directive too*. 
    We can add as many component property bindings as we need by stringing them along in the template
    as in this example that sets the `a`, `b`, `c` properties to the string literals 'a', 'b', and 'c'. 
    
    记住，*组件也是指令*。
    只要需要，我们就可以通过把它们依次串在模板中来为组件添加多个属性绑定。
    下面这个例子中就把`a`、`b`、`c`属性设置为了字符串字面量'a', 'b', 'c'。
  code-example(format="." ).
    &lt;my-component [a]="'a'" [b]="'b'" [c]="'c'">&lt;my-component>
  
negative.code:     While it's cool that this technique works, we recommend adding the `color` property to the `AppComponent`.
      
      这是一个*很便利的*行为，但它也是*隐式的*行为，这容易让人困惑。
      虽然这样也可行，但我们建议你还是要把`color`属性加到`AppComponent`中。
  
  :marked
    Here is our second version of the directive in action.
  