我不能提交我的表格

这是我的角形。我使用模板驱动的方法。当我单击提交时,我正在调用一个函数,但它没有被调用。我想打印一些东西,但没有人打电话给我。

 <div class="container">
      <div class="col-sm-6">
        <form #loginForm="ngForm" (ngSubmit)="loginUser(loginForm)">
          <div class="form-group">
            <label for="username">Username</label>
            <input type="text" class="form-control" name="username" id="username" [(ngModel)]="username" required>
          </div>
          <div class="form-group">
            <label for="password">Password</label>
            <input type="text" class="form-control" name="password" [(ngModel)]="password" id="password" required>
          </div>

          <button type="button" class="btn btn-primary">Submit</button>

        </form>
  </div>
</div>

这是我的TS文件。

 import { Component } from '@angular/core';
    import { NgForm } from '@angular/forms';

    @Component({
      selector: 'my-app',
      templateUrl: './app.component.html',
      styleUrls: [ './app.component.css' ]
    })
    export class AppComponent  {
      username='';
      password = '';
      loginUser(form: NgForm) {
        console.log(form.value);
    }
    }

I have added formsModule to app.module.ts. In console is shows no error.