При работе с angular6 у меня есть форма, которую я хочу отправить, чтобы вставить объект с некоторыми полями.
HTML код:
<form name = "form" (ngSubmit) = "f.form.valid" #f = "ngForm" validate>
<div class = "form-group row">
<label for = "inputEmail3" class = "col-sm-2 col-form-label">book Name</label>
<div class = "col-sm-10">
<input type = "text"
class = "form-control"
[(ngModel)] = "book.libelle"
#libelle = "ngModel"
minlength = "4"
required
class = "form-control"
id = "libelle"
name = "libelle">
</div>
</div>
<div class = "card-footer">
<button type = "submit"
class = "btn btn-sm btn-primary"
(click) = "saveBook(book)"
prevent-double-submit>
<i class = "fa fa-dot-circle-o"></i> save
</button>
</div>
В моей книжной модели это поле называется lebelle.
ts кусок для вставки:
public saveBook(newBook:Book) {
return this.bookService.saveBookService(this.book)
.subscribe((reponseService: ReponseService) => {
this.reponseService = new ReponseService(reponseService);
this.messageErreur = new MessageErreur(this.reponseService.recupererMessageErreur());
if (this.messageErreur.contientErreur()) {
this.alertStyle = Constantes.ALERT_PRIMARY_RED;
} else {
this.alertStyle = Constantes.ALERT_PRIMARY_GREEN;
this.router.navigateByUrl("/BaseUrl?messageErreur.code = " + this.messageErreur.code + "&messageErreur.message = " + this.messageErreur.message + "&alertStyle = " + this.alertStyle);
}
});
}
Спасибо за ваши предложения
я добавил больше деталей для моей html-страницы
добавлен файл .ts.
какая ошибка добавить.
ОШИБКА Ошибка: аргумент недействителен. название книги: java book
поскольку вы не создаете новый член переменной в html, вы можете просто использовать (click) = "saveBook()"
и получить доступ к this.book
в методе saveBook()
.
добавить код для файлов .html и .ts в свой вопрос?