моя ошибка 'ngSubmit' иногда - PullRequest
Новая
       16

моя ошибка 'ngSubmit' иногда

0 голосов
/ 27 августа 2018

так что у меня есть этот HTML-код .. я попытался использовать функцию (щелчок), и все равно, как это 

<div class="container">
  <h1><a [routerLink]="['/databuku']"><img src="images/images.png" width="42" height="42"></a>
      Add New Book</h1>
  <div class="row">
    <div class="col-md-6">
      <form (ngSubmit)="saveBuku()" #bukuForm="ngForm">
        <div class="form-group">
          Judul
          <input type="text" class="form-control" [(ngModel)]="buku.judul" name="judul" required>
        </div>
        <div class="form-group">
          Author
          <input type="text" class="form-control" [(ngModel)]="buku.author" name="author" required>
        </div>
        <div class="form-group">
          Description
          <textarea class="form-control" [(ngModel)]="buku.description" name="description" required cols="40" rows="5"></textarea>
        </div>
        <div class="form-group">
             <button type="submit" class="btn btn-success" [disabled]="!bukuForm.form.valid">Save</button>
        </div>
      </form>
    </div>
  </div>
</div>

вот мой файл ts 

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-tambah-buku',
  templateUrl: './tambah-buku.component.html',
  styleUrls: ['./tambah-buku.component.css']
})
export class ComponentTambahBuku implements OnInit {

  buku = {};

  constructor(private http: HttpClient, private router: Router) { }

  ngOnInit() {
  }

  saveBuku() {
    this.http.post('http://localhost:8080/buku', this.buku)
      .subscribe(res => {
          let id = res['id'];
          this.router.navigate(['/detail-buku/', id]);
        }, (err) => {
          console.log(err);
        }
      );
  }
}

ошибок при открытии localhost: 4200 не обнаружено, просто когда я нажимаю кнопку сохранения, кнопка не работает, не сохраняется и не переходит на страницу «detail-buku»

...