anchor.diff:    We can chain expressions through multiple pipes:
   +makeExample('template-syntax/ts/app/app.component.html', 'pipes-2')(format=".")
   :marked
  -  We can also [apply parameters](./pipes.html#parameterizing-a-pipe) to a pipe:
  +  And we can also [apply parameters](./pipes.html#parameterizing-a-pipe) to a pipe:
   +makeExample('template-syntax/ts/app/app.component.html', 'pipes-3')(format=".")
   
   block json-pipe
  
positive.code:     The `json` pipe is particularly helpful for debugging our bindings:
    +makeExample('template-syntax/ts/app/app.component.html', 'pipes-json')(format=".")
    :marked
      The generated output would look something like this:
    code-example(language="json").
      { "firstName": "Hercules", "lastName": "Son of Zeus",
        "birthdate": "1970-02-25T08:00:00.000Z",
  
negative.code: :marked
    <a id="pipe"></a>
    ### The pipe operator ( | )
    The result of an expression might require some transformation before we’re ready to use it in a binding.  For example, we might want to display a number as a currency, force text to uppercase, or filter a list and sort it.
  
    Angular [pipes](./pipes.html) are a good choice for small transformations such as these.
    Pipes are simple functions that accept an input value and return a transformed value.
    They're easy to apply within template expressions, using the **pipe operator (`|`)**:
  +makeExample('template-syntax/ts/app/app.component.html', 'pipes-1')(format=".")
  :marked
    The pipe operator passes the result of an expression on the left to a pipe function on the right.
  