Получение [Object Object] в угловом приложении

Получение [Object Object] в угловой форме, а также раскрывающийся список (выбор) не установлен на индекс 0 по умолчанию. В то время как в случае редактирования все работает нормально. Нужно ли мне инициализировать свойства модели для этой страницы создания?

Изменить: ngModelChange не вызывает функцию doNameChange.

Компонент:

  export class User {
  Id: number;
  Name: string;
  Gender: string;    
}
this.user = {
      Id: 0,
      Name: '',
      Gender: ''
}
doNameChange(event) {
    debugger;
    console.log(event); // logs model value
  }

HTML:

 <form (ngSubmit)="save(f.value, f.valid)" #f="ngForm" novalidate materialize>      
      <input id="Name" (ngModelChange)="doNameChange($event)" name="Name" #Name="ngModel" type="text" class="validate form-control" required minlength="3" [(ngModel)]="user.Name">
      <select id="Gender"  name="Gender" #Gender="ngModel" class="validate form-control" [(ngModel)]="user.Gender" required>
          <option value="">-- Select Gender --</option>
          <option value="Male">Male</option>
          <option value="Female">Female</option>
        </select>
    </form>