如果文本字段为空，则按钮禁用，如果不使用 Angular，则提交到下一页 [重复]

Question

我不断收到此错误：错误类型错误：无法读取未定义的属性“名称”。如果输入不为空，我要做的就是提交到下一页。 我目前正在使用 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) {}

我查看了类似的问题，但没有一个可以回答我的问题。为什么我会收到上述错误，如果输入不为空，如何使其成功导航到下一页？提前谢谢你

Answer 1

检查您的打字稿代码中是否定义了model。 请上传错误信息截图