title: ExpressionChangedAfterItHasBeenCheckedError from Angular
body: <p>This is continuation to my original issue</p>
  
  <p><em>stackoverflow.com/questions/44596418/angular-throws-expressionchangedafterithasbeencheckederror-with-textarea</em></p>
  
  <p>which is still unresolved. I recreated the orignal plunkr to simulate the actual project and found it is nothing related to the textarea.</p>
  
  <p>When I go to details page by clicking on a item from the list,the exception <strong>ExpressionChangedAfterItHasBeenCheckedError</strong> is thrown. This happens only when the CodeView of <em>src/detailitems.ts</em> has more than one element in the array. The CodeView items defines the fields in detail form.</p>
  
  <pre><code>import { FormBase } from './formbase'
  import { ItemBase, TextboxItemBase } from './itembase'
  
  export class CodeView extends FormBase {
  
      static getItems() :ItemBase[] {
  
      let items: ItemBase[] = [
  
          new TextboxItemBase(
              {
                  key: 'id',
                  label: 'ID',
                  value: '',
                  required: true,
                  enabled: false,
                  readOnly: true,
                  size: 36
              }
          )
  ,
          new TextboxItemBase(
              {
                  key: 'description',
                  label: 'Description',
                  required: true,
                  size: 20
  
              }
          )            
      ];
  
      return items;
  }
  
  }
  </code></pre>
  
  <p>If I modify the code so that the CodeView has only 1 item, then the exception goes away.</p>
  
  <p><a href="http://plnkr.co/edit/rQCHamtVsJOYGngtkb0g" rel="noreferrer" title="Plunkr">Exception Plunkr</a></p>
  
  <p><a href="http://plnkr.co/edit/t9fejqDSgCqZXnWAaQCC" rel="noreferrer" title="Modified Plnkr">No Exception Plunkr</a> (Just one item in detailitems)</p>