將禁用的輸入字段中的值設置為ngModel

Question

我是angular5和spring的新手，我需要與數據庫進行角度通信的幫助。

我需要進行用戶注冊，為此我使用auth0（它只是電子郵件和密碼的基本注冊），現在我需要收集更多關於用戶的數據（電子郵件，姓名，城市，電話等）並將其寫入數據庫。

我想使用用於注冊的電子郵件（我不想讓用戶重復它）並將其傳遞給數據庫。 我可以獲得auth0中使用的電子郵件（在我的代碼中我將它放在this.userEmail中，下面的示例），但我不知道如何通過html部分進一步傳遞它。

這是我如何為用戶名輸入的示例，它工作正常。 我試圖使電子郵件類似，但它不會工作，我不明白為什么我也不應該這樣做...請幫助

<label>Name:</label>
<mat-form-field>
    <input matInput type="text" placeholder="Name"
        [(ngModel)]="user.firstName" name="firstName" #name>
</mat-form-field>

這個悲傷的嘗試：

<label>E-mail address:</label>
<mat-form-field>
    <input matInput type="text" placeholder=""
            [(ngModel)]="user.email" value="{{this.userEmail}}" name="email" 
            disabled #name>
</mat-form-field>

另外，我知道上面的內容完全是狼人，ngModel和輸入字段的值這樣不會起作用，但我想（也許）更好地描述我想要實現的東西:)我知道我可以在auth0中使用規則收集更多關於用戶的數據，但對於某些學校的條件，我們僅限於這種方式：/

Answer 1

component.html

<mat-form-field>
  <input matInput [ngModel]="user.email" name="email" disabled>
</mat-form-field>

component.ts

ngOnInit() {
  this.user.email = this.userEmail;
}

我也會考慮不顯示電子郵件輸入。 畢竟，如果用戶已經向您發送了電子郵件，為什么要將它們與此禁用的輸入相混淆？