如何在angular 2中添加带验证支持的bootstrap表单？

npm install bootstrap@4.0.0-alpha.6 --save
npm install jquery --save
npm install tether --save

"styles": [
  "styles.css",
  "../node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": [
  "../node_modules/jquery/dist/jquery.min.js",
  "../node_modules/tether/dist/js/tether.min.js",
  "../node_modules/bootstrap/dist/js/bootstrap.min.js"
],

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

export class MyComponent {
  myForm: FormGroup;

  ngOnInit() {
    this.myForm = new FormGroup({
      name: new FormControl('', Validators.required),
      email: new FormControl('', [Validators.required, Validators.email]),
      password: new FormControl('', Validators.minLength(6))
    });
  }
}

<form [formGroup]="myForm">
  <div class="form-group">
    <label for="name">Name</label>
    <input type="text" class="form-control" id="name" formControlName="name">
    <div *ngIf="myForm.controls.name.invalid && myForm.controls.name.touched" class="alert alert-danger">
      Name is required.
    </div>
  </div>
  
  <div class="form-group">
    <label for="email">Email</label>
    <input type="email" class="form-control" id="email" formControlName="email">
    <div *ngIf="myForm.controls.email.invalid && myForm.controls.email.touched" class="alert alert-danger">
      Email is required and must be a valid email address.
    </div>
  </div>
  
  <div class="form-group">
    <label for="password">Password</label>
    <input type="password" class="form-control" id="password" formControlName="password">
    <div *ngIf="myForm.controls.password.invalid && myForm.controls.password.touched" class="alert alert-danger">
      Password must be at least 6 characters long.
    </div>
  </div>
  
  <button type="submit" class="btn btn-primary" [disabled]="myForm.invalid">Submit</button>
</form>