title: Can't assign [ngClass] to Angular components generated by *ngFor loop
body: <p>I'm trying to follow <a href="https://stackoverflow.com/a/44287475/1525840">an example</a> showing how to bind a class <em>active</em> to a component when it's clicked. When I execute the code based on the markup below</p>
  
  <pre><code>&lt;div *ngFor="let menu of menus;"
       [id]="menu.id"
       (click)="onClick($event,menu.link)"
       [ngClass]="'active':menu.active"
       class="navigator"&gt;
    {{menu.title}}
  &lt;/div&gt;
  </code></pre>
  
  <p>I get the following error. NB - there's <em>onClick(...)</em> method in the component and at the moment I commented out all its contents. The error seems to be purely related to the markup (unless I need to declare something extra in the component, like an array or such). At least as far I've seen the examples while googlearching this issue.</p>
  
  <blockquote>
    <p>Uncaught Error: Template parse errors:<br>
    Parser Error: Unexpected token ':' at column 9 in ['active':menu.active] in ng:///AppModule/NavigatorComponent.html@11:9 ("<br>
             [id]="menu.id"<br>
             (click)="onClick($event,menu.link)"<br>
             [ERROR ->][ngClass]="'active':menu.active"<br>
             class="navigator"><br>
          {{menu.title}}<br>
    "): ng:///AppModule/NavigatorComponent.html@11:9</p>
  </blockquote>
  
  <p>What am I missing?</p>