Javascript 无法打印到控制台

我对angular是个新手，尝试实现一个反应式表单。下面是我的html代码和TS代码

邮政
注册

这是我的TS文件

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent    implements OnInit{
  title = 'app works!';
  signupForm : FormGroup;

  ngOnInit(){
    this.signupForm =  new FormGroup({
      'email' : new FormControl('test@test.com')

    });

    // this.signupForm.valueChanges.subscribe(
    //   (value) => console.log(value)
    // );
  }


  onSubmit(){
    console.log(this.signupForm);
  }

}

由于某些原因，我无法在控制台上打印任何我试图在OnSubmit方法中执行的操作。我检查了所有的东西，看起来还好，但当我按下按钮时，控制台上仍然没有任何东西。

---

谁能帮我一下我做错了什么吗？

属性类型不是div元素上的有效类型。在这种情况下，您需要有一个类型为submit的输入或按钮，才能触发回调

<form [formGroup]="signupForm" (ngSubmit)="onSubmit()">
    <div class="form-group">
        <label for="email">Mail</label>
             <input type="email"
                 name="email"
                 id="email"
                 formControlName="email"
                 class="form-control">
    </div>
    <button class="btn btn-primary" type="submit">Sign Up</button>
</form>

邮政
注册

将注册替换为注册感谢！！无法在回答时标记注释。它起作用了