Как сохранить значение текстового поля с данными динамического маршрута в базу данных?Html

Программисты Html
Ответить
Anonymous
 Как сохранить значение текстового поля с данными динамического маршрута в базу данных?

Сообщение Anonymous »

Tagid и TypeName Textboxes в настоящее время хранят маршрутированные значения от компонента клиента, но не сохраняются в базе данных, когда я нажимаю на кнопку «Сохранить». Другими словами, маршрутизация динамических данных из компонента клиента в детали компонентов текстовые поля были успешно, но они не сохраняют в базе данных. Он показывает нулевое в их соответствующих полях в таблице баз данных. Мое требование состоит в том, чтобы сохранить данные динамического маршрута в TypeName и TAGID Textbox в базу данных с использованием NG -формы. Ниже приведены методы, которые я пробовал.

Код: Выделить всё

Textbox1         Textbox2
tagid= '103',    Typename= 'Store keeping',
< /code>
customercomponent.ts
onClick2(event: MouseEvent, data: any) {
this.router.navigate(['/details'], { queryParams: { tagid: data.TagId, typename: data.Typename}
});
< /code>
detailscomponent.ts
public typename: string;
public tagid: string;

ngOnInit() {
this.route.queryParams.subscribe((params) => {
this.tagid = params['tagid'];
this.typename= params['typename'];
});
}

onSubmit(form: NgForm){
this.service.formSubmitted = true;

//appetite
if (form.valid) {
this.service.postappetite()
.subscribe({next: res => {
console.log(res);
this.toastr.success('Saved Successful');

},

error: err => {console.log(err)}
})
}
else {
this.toastr.error('Please Enter Your Data ');
}
}
< /code>
Подробности html < /p>




Save

< /code>
service.ts
import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { DataMeasure} from './data-model';

@Injectable({
providedIn: 'root'})

export class MeasurelService {
public typename: string;
public tagid: string;

constructor(private http:HttpClient) { }

formappetite:DataMeasure = new DataMeasure();

formSubmitted: boolean = false;
readonly baseurlanimal = 'api/InventoryAPI'

postappetite(tagno: string, animal: string){
return this.http.post(this.baseurlanimal, this.formappetite);
}

}
Expected output



TagId
Typename




101 < /td>
dairy < /td>
< /tr>

102 < /td>
sales < /td>
< /tr>
< /tbody>
< /td>
< /tr>
< /tbody> < /> < /td>
< /tr>
< /tbody>>

Подробнее здесь: https://stackoverflow.com/questions/795 ... o-database
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»