anchor.diff:      * Declares a public property of the same name
       * Initializes that property with the corresponding argument when we "new" an instance of the class
       
  -    La breve sintaxis hace mucho:
  -    *Declara un parámetro de constructor y su tipo
  +    Esta breve sintaxis hace mucho:
  +    * Declara un parámetro de constructor con su tipo
       * Declara una propiedad pública del mismo nombre
       * Inicializa la propiedad con el argumento correspondiente cuando usamos "new" para crear la instancia de la clase
   
  
positive.code:   At the moment it displays the hero's `id` and `name`.
    Let's fix that so we display only the hero's `name` property.
    
    Tenemos que actualizar la plantilla.
    En este momento despliega el `id` y el `name` del héroe.
  
  +makeExcerpt('app/app.component.3.ts', 'template')
  
  :marked
    Our display looks the same, but now we know much better what a hero really is.
    
    Lo que desplegamos se ve igual, pero ahora sabemos mucho mejor lo que es un héroe en realidad.
  
  .l-main-section#ngIf
  :marked
    ## Conditional display with NgIf
    
    ## Despliegue condicional con NgIf
  
    Sometimes an app needs to display a view or a portion of a view only under specific circumstances.
    
    A veces un aplicación necesita desplegar una vista o una porción de una vista solo bajo sircunstancias específicas.
  
    In our example, we'd like to display a message if we have a large number of heroes, say, more than 3.
    
    En nuestro ejemplo, nos gustaría desplegar un mensaje si tenemos un gran numero de héroes, digamos, más de 3.
  
    The Angular `ngIf` directive inserts or removes an element based on a !{_boolean} condition.
    We can see it in action by adding the following paragraph at the bottom of the template:
    
    La directiva `ngIf` de Angular inserta o remueve un elemento basado en una condición !{_boleana}.
    Podemos verlo en una condición agregando el siguiente párrafo hasta abajo de la plantilla:
  
  +makeExcerpt('app/app.component.ts', 'message')
  
  
negative.code:   in the `index.html`, finds it, instantiates an instance of `AppComponent`, and renders it
    inside the `<my-app>` tag.
    
    Cuando haga el bootstrap con la clase del componente `AppComponent` (en <ngio-ex path="main.ts"></ngio-ex>), Angular busca un elemento `<my-app>`
    en el `index.html`, lo encuentra, crea una instancia del `AppComponent` y lo renderiza
    dentro del elemento `<my-app>`.
  
    Try running the app. It should display the title and hero name:
    
    Intente ejecutar la aplicación. Debería visualizar el titulo y el nombre del héroe:
  figure.image-display
    img(src="/resources/images/devguide/displaying-data/title-and-hero.png" alt="Title and Hero")
  
  