Html 无法读取Ionic中的属性

这是我的错误：

无法读取未定义类型错误的“username”属性

以下是我的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>

---

也就是说，元素没有定义。 您只需在组件的TS文件中定义一个带有用户名和密码字段的cred接口，如：

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

---

然后您可以在HTML模板中使用它们

您也可以发布ts代码吗

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