ОШИБКА TypeError: невозможно установить для свойства googleUri значение null? Используете интерфейс для двухсторонней привязки?

Я пытаюсь выполнить двухстороннюю привязку к своему интерфейсу, но продолжаю получать «свойство set null»?

Когда я нажимаю кнопку «Отправить», которая запускает функцию onSave, я получаю сообщение об ошибке «Не удается установить для свойства 'googleUri' значение null?». Вывод журнала консоли как null. Как мне исправить это при использовании моего интерфейса?

Это мой интерфейс

export interface User {
    googleUri?: string;
}

это мой компонент HTML

<form name = "form" (ngSubmit) = "onSave()" #f = "ngForm" novalidate>
            <div class = "row">
              <div class = "col-md-12">
                <div class = "form-group">
                  <label for = "googleUri">Google Excel Address</label>
                  <input type = "text" class = "form-control form-control-lg" name = "googleUri" id = "googleUri" [ngModel] = "user?.googleUri" (ngModelChange) = "user.googleUri=$event"/>
                </div>
              </div>
            </div>
</form>

мой компонент TS

export class ProfileComponent implements OnInit {
  private user: User = {};
  public loading: boolean = false;

  constructor(private userService: UserService) { }

  ngOnInit() {
  }

  private onSave(): void {
    console.info(this.user);
    this.userService.saveUserSettings(this.user)
      .subscribe(
        data => console.info(data),
        err => console.info(err),
        () => this.loading = false
      );
  }
}