Раскрывающееся значение по умолчанию отображается с помощью Angular 2/4

Question

 <div *ngFor="let lib of library">
  <input type="text" [(ngModel)]="lib.item"></div>
<div>
 <md-select [(ngModel)]="lib.title">
    <md-option *ngFor="let book of books" [value]="book._id">{{book.bookname}}
    <md-option>
    </md-select>
</div>
</div>

В моем контроллере у меня есть

  books=[
        {_id: 1, bookname:'first book'},
        {_id: 2, bookname:'second book'},
        {_id: 3, bookname:'third book'}
      ]

Интерфейс

   export interface Ixyz{
         _id: string;
         item: string;
         title: ICat;
      }

поэтому, когда я нажимаю что-то вроде

      var add:Ixyz={
          _id: '',
          item:'',
          title: 2
        }

Я хочу иметь возможность использовать значение по умолчанию в раскрывающемся списке Я знаю, как найти значение, используя ngModel. Но ngModel используется для чего-то другого.
Когда я нажимаю новое значение, используя title = 2, оно не отображается в раскрывающемся списке, потому что title: ICat ссылается на другой интерфейс.

Answer 1

Когда вы добавляете новый элемент в массив, просто выполните:

var add:Ixyz={
    _id: '',
    item:'',
    title: this.books[1]
}

Это обеспечит значение по умолчанию, которое должно соответствовать заполненному раскрывающемуся списку.