title: VSCode will not recognize variables in templates
body: <p>I'm following the Lynda Course titled Learning AngularJS 2 and i've done the assignements to get the app working. It compiles fine and works as intended in the browser. However, <em>Visual Studio Code</em> is giving me problem warnings in all of the template-files:</p>
  
  <blockquote>
    <p>Identifier 'artist' is not defined. The component declaration, template 
    variable declarations, and element references do not contain such a member</p>
  </blockquote>
  
  <p><strong>artist-details.component.html</strong>:</p>
  
  <pre><code>&lt;div class="container mt-3"&gt;
      &lt;div class="row justify-content-center"&gt;
    &lt;div class="col-sm-4 col-lg-3"&gt;
      &lt;img class="img-fluid rounded" src="assets/images/{{artist.shortname}}.jpg" alt="{{artist.name}} photo"&gt;
    &lt;/div&gt;
    &lt;div class="col-sm-8 col-lg-4"&gt;
      &lt;h2 class="mt-3 mt-sm-0 mb-0"&gt;{{artist.name}}&lt;/h2&gt;
      &lt;h4 class="mt-0"&gt;{{artist.reknown}}&lt;/h4&gt;
      &lt;p&gt;{{artist.bio}}&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>
    </p>
  
  <p><strong>artist-details.component.ts</strong>:</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  
  @Component({
    selector: 'app-artist-details',
    templateUrl: './artist-details.component.html',
    inputs: ['artist']
  })
  export class ArtistDetailsComponent implements OnInit {
    constructor() { }
    ngOnInit() {
    }    
  }
  </code></pre>
  
  <p>I've installed the <em>Angular Essentials</em> extension.</p>