кнопка отключена, если текстовое поле пусто, и отправить на следующую страницу, если не с Angular

Я продолжаю получать эту ошибку: ERROR TypeError: Невозможно прочитать имя свойства undefined. Все, что я хочу сделать, это отправить на следующую страницу, если ввод не пуст. В настоящее время я работаю с Clarity Vmware и Angular 5.0.5. Мой html выглядит примерно так:

 <form #loginForm="ngForm" (ngSubmit)="onSubmit">
 <label for="name"> Text </label>
 <input type="text" class="form-control" id="name" required 
 [(ngModel)]="model.name" name="name" #name="ngModel"> 


 <button type="button" class="btn btn-primary" 
 [disabled]="loginForm.form.invalid"> Submit </button>

 </form>

И моя функция в машинописном тексте:

submitted = false;
onSubmit() {
if(this.submitted = true) {
this.router.navigate(['nextPage']); } }
constructor(private router: Router) {}

Я просмотрел похожие вопросы, но ни один из них не смог ответить на мой вопрос. Почему я получаю указанную выше ошибку и как я могу успешно перейти на следующую страницу, если ввод не пуст? Заранее благодарю


person Init    schedule 20.02.2018    source источник
comment
Из строки ngModel удалите #name   -  person salah-1    schedule 20.02.2018


Ответы (1)


Проверьте, определено ли model в вашем машинописном коде. Пожалуйста, загрузите скриншот сообщения об ошибке

person ceurif    schedule 20.02.2018
comment
Вот в чем проблема, я забыл определить модель! Спасибо - person Init; 20.02.2018