title: Angular 2 - ExpressionChangedAfterItHasBeenCheckedError
body: <p>I am attempting to populate several rows in a table I created. The table successfully populates, however I get an error: <br/><br/> "ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: '1'. Current value: 'ah'." <br/><br/> This isn't really a problem because the error doesn't crash my program or anything, however whenever I change any of the units in my table, it changes the values of ALL the units to be whatever the "Current value" is in the error above. (in this case, I made it 'ah,' see code below) <br/><br/>This is how I'm populating the table:</p>
  
  <pre><code>&lt;div class="row-container"&gt;
    &lt;div *ngFor="let week of getWeeks()" class="row"&gt;
      &lt;input class="week" maxlength="2" (input)="type($event.target.value, week)" value="{{getCapacity(week)}}"&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><br/>
  And this is how I'm updating the value:</p>
  
  <pre><code>getCapacity(week: Date): string {
      if (&lt;conditions are met&gt;) { 
          const capacity = EntryComponent.capacity[EntryComponent.index];
          EntryComponent.index++;
          return capacity.value;
      }
      return 'ah';
  }
  </code></pre>
  
  <p>I'm not using a dynamic component as a tag, but rather dynamically changing the value of my input tag.</p>