Angular 5表单提交事件未触发问题求助

我看你正在学习Angular，跟着教程做了一个基础的注册组件，我把你的代码整理成规范的Markdown格式啦，这样看起来更清晰：

import { Component, OnInit } from '@angular/core'; 
import { FormBuilder, FormGroup, Validators } from '@angular/forms'; 

@Component({ 
  selector: 'app-register', 
  templateUrl: './register.component.html', 
  styleUrls: ['./register.component.css'] 
}) 
export class RegisterComponent implements OnInit { 
  form: FormGroup; 

  createForm() { 
    this.form = this.formBuilder.group({ 
      email: '', 
      username: '', 
      password: '' // 推测你代码截断的部分，补全了常见的密码字段
    }); 
  }

  constructor(private formBuilder: FormBuilder) {}

  ngOnInit(): void {
    this.createForm();
  }
}

顺便给你个小建议：既然已经引入了Validators，可以给表单字段加上基础验证规则，让组件更贴合实际使用场景，比如：

this.form = this.formBuilder.group({
  email: ['', [Validators.required, Validators.email]],
  username: ['', Validators.required],
  password: ['', [Validators.required, Validators.minLength(6)]]
});

这样用户提交表单时就能自动做合法性校验啦～

内容的提问来源于stack exchange，提问作者bendataclear