невозможно получить значение [(ngModel)] для использования в компоненте Angular 6

Question

в html-файле, используя ngModel, и я хочу получить его значение для использования в моем компоненте

редактировать-customer.component.html

  <input id="userInfoEmail" type="text" class="form-control" value="{{userInfo.email}}" [(ngModel)]="userInfo.email" disabled>

с момента его двухстороннего связывания я использовал его в моем компоненте следующим образом:

редактировать-customer.component.ts

checkUserEmail(): void {
    this.userInfo.email = this.userEmail;
    this.customerService.checkEmail(this.userEmail).subscribe((res) => {
        if (res.twoFactorEnabled === true) {
            this.isButtonDisabled = false;
        }
        else {
            this.isButtonDisabled = true;
        }
    })
}

также я объявил this.userEmail:string;, но, к сожалению, получил ошибку 'undefined' на моей консоли, я прочитал, что мне нужно инициализировать объект, но не могу понять это,

Answer 1

Вы также можете сделать это

в файле ts сделать функцию

  get_coin_current_market_value(symbol){
console.log('symbol is ',symbol);

}

и в html

 <select class="form-control" name="coin" [(ngModel)]="symbol" 
        (ngModelChange)="get_coin_current_market_value(symbol)">
        <option *ngFor="let coin of allCoinsArray">
               {{ coin.symbol }}
         </option>
 </select>

Answer 2

Не используйте значение с ngModel, сначала удалите его,

  <input id="userInfoEmail" type="text" class="form-control" [(ngModel)]="userInfo.email" disabled>

теперь вы сможете получить доступ к значению в контроллере, как,

console.log(this.userInfo.email);

, тогда как userInfo должен защищаться сверху как,

userInfo: any = {}; если у вас есть тип, измените любой тип