Блог

У меня есть код загрузки spring, который принимает 2 параметра для выполнения некоторых вычислений и возвращает некоторые значения. Я протестировал его в браузере, и API работает правильно. Теперь я пытаюсь подключить свой API загрузки Spring к Angular. Как отправить пользовательский ввод (2 параметра) в серверную часть spring boot, обработать данные и вернуть результаты в Angular, чтобы показать их в интерфейсе?

   retrieveData(currency:string, amount: number){
    return this.http.get<convert[]>. 
    (`http://localhost:8080/convert/${currency}/${amount}`);
  }
 

Выше вы можете найти мой метод в Angular, который извлекает данные. Параметры будут предоставлены пользователем в пользовательском интерфейсе. Куда мне теперь идти?

Попробуй вот так.

В твоем component.ts в onsubmit()

 this.abcService.abcreg(this.form.value) 
 

Ваш abcService.ts файл должен быть таким.

   #Imports 
   
@Injectable({
  providedIn: 'root'
})

export class abcService {
  constructor(private http: HttpClient,
    private httpClient: HttpClient) { }
  httpOptions = {
    headers: new HttpHeaders({
     'Content-Type':'application/json'
    })
  }

abcreg(abc:abcreg):Observable<any>{

const uploadData = new FormData();

uploadData.append('requestparam1',abc.Name);

uploadData.append('requestparam2',abc.Address);

return this.httpClient.post(environment.api_url 'save_data', uploadData)

}