如果文本字段为空，则禁用按钮，如果没有 Angular，则提交到下一页

Question

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

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

Answer 1

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

如果文本字段为空，则禁用按钮，如果没有 Angular，则提交到下一页

button disabled if text field empty and submit to next page if not with Angular

typescript

angular

angular-forms

vmware-clarity