title: Can't emit exist property in array from model
body: <p>I'm trying to emit <code>name</code> property of an array called <code>Model[]</code> generated from my Model.ts file.When I try to emit this to use on my app.component,it says property 'name' does not exist on type <code>Model[]</code>.That's weird because <code>name:string</code> property exists on my model.ts.Maybe I think wrong and there's another mistake can you help me to solve this and what's the mistake exactly?</p>
  
  <p><strong>Model.ts</strong></p>
  
  <pre><code>export class Model
  {
     name:string;
     constructor(name:string)
     {
         this.name=name;
     }
  }
  </code></pre>
  
  <p><strong>favorite.component.ts</strong></p>
  
  <pre><code>export class FavoriteComponent implements OnInit {
    items:Model[]= [new Model('Page-1'),new Model('Page-2'),new Model('Page-3')];
    @Output() myArray = new EventEmitter&lt;Model&gt;();
    //@Output() featureSelected=new EventEmitter&lt;string&gt;();
    constructor() { }
     onSelect()
     {
      // console.log(feature);
      this.myArray.emit(this.items.name); //mistake is here on this parameter.
    }
    ngOnInit() {
    }
  
  }
  </code></pre>
  
  <p><strong>favorite.component.html</strong></p>
  
  <pre><code>&lt;nav class="navbar navbar-inverse navbar-fixed-top"&gt;
    &lt;div class="container-fluid"&gt;
      &lt;div class="navbar-header"&gt;
        &lt;a class="navbar-brand" href="#"&gt;WebSiteName&lt;/a&gt;
      &lt;/div&gt;
      &lt;ul class="nav navbar-nav"&gt;
        &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
        &lt;li  *ngFor="let item of items"&gt;
            &lt;a href="#" (click)="onSelect('[item.name]')"&gt;{{item.name}}&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>