Не могу прочитать свойство в Ionic

Question

Вот моя ошибка:

Невозможно прочитать свойство "username" из неопределенной ошибки TypeError

Вот мой HTML-код, который дает мне ошибку:

<ion-content  padding style="text-align: center; margin-top: 35px">
    <form (ngSubmit)="logForm()">
        <ion-list>

    <ion-item style="width: 80%; margin-left: 10%; margin-right: 10%">
      <ion-label fixed>Username</ion-label>
      <ion-input [(ngModel)]="cred.username" type="text" id="username"></ion-input>
    </ion-item>
  </ion-list>
        <ion-list>

    <ion-item style="width: 80%; margin-left: 10%; margin-right: 10%">
        <ion-label fixed>Password</ion-label>
      <ion-input [(ngModel)]="cred.password" type="password" id="password"></ion-input>
    </ion-item>
  </ion-list>
  <ion-list>

      <ion-item style="width: 80%; margin-left: 10%; margin-right: 10%">
          <ion-label fixed>Re-Type</ion-label>
        <ion-input [(ngModel)]="cred.passwordTwo" type="password" id="passwordTwo"></ion-input>
      </ion-item>
    </ion-list>

  <button style="width: 80%; height: 40px; margin-left: 10%; margin-right: 10%; margin-top: 10px"  (click) = "loginMain()" >Sign Up</button>
  <h5>Have An Account?</h5> <a style="color: blue;" (click) = "login()" > Log In! </a>
</form>
</ion-content>

Я пытаюсь получить значение кредита, за исключением файла cred.username и cred.password, когда вы нажимаете кнопку Зарегистрироваться. Вместо этого я просто получаю эту ошибку. В чем проблема?

РЕДАКТИРОВАТЬ : при добавлении вопросительных знаков (cred? .Username):

Error: Template parse errors:
Parser Error: The '?.' operator cannot be used in the assignment at column 17 in [creds?.username=$event] 

Answer 1

то есть элементы не определены. Вы можете просто определить в файле TS компонента интерфейс кредитов с полями имени пользователя и пароля, например:

interface cred {
    username?: string;
    password?: string;
}

Тогда вы можете использовать их в своем HTML-шаблоне