Блог

Я передаю переменную или параметр в URL-адресе во время http-запроса put в angular, и переменная, которую я передаю, находится в форме (x / y). При передаче такого рода переменной URL, на который я ориентируюсь, не попадает из-за формы this variable (x / y). Я думаю, потому что URL меняется, когда я передаю такую переменную. вкратце,

URL, на который я хочу отправить запрос put http://localhost:5000/api/Transmission/{variable}/deleteDashboardAlert

НО URL, на который отправляется этот запрос http://localhost:5000/api/Transmission/x/y/deleteDashboardAlert

Ниже приведена функция, которую я вызываю и передаю аргументы ->

 deleteAlert(transmissionId, alertTypeId, description) {
 return this.http .put(
  `transmission/${transmissionId}/${alertTypeId}/${description}/deleteDashboardAlert`,
  {}
 );
}
  

Итак, в основном в вышеупомянутой функции переменная description создает эту проблему

вы можете использовать encodeURIComponent для кодирования variable значений

 deleteAlert(transmissionId, alertTypeId, description) {
 const variable = encodeURIComponent(`${transmissionId}/${alertTypeId}/${description}`);
 return this.http.put(`transmission/${variable}/deleteDashboardAlert`, {});
}
  

Вы можете добавить любое динамическое значение в вашей конечной точке, как показано ниже.

demo.service.ts

Отредактировано: добавлено encodeURIComponent для кодирования переданного параметра.

 @Injectable({
  providedIn: 'root'
 })
 export class DemoService {
    baseUrl = 'http://localhost:5000';
    constructor(private http: HttpClient) {}

   getDemoData(someValue) {
     const endcodedValue = encodeURIComponent(someValue);
     const url = `${this.baseUrl}/api/Transmission/${endcodedValue}/deleteDashboardAlert`;
     return this.http.get(url);
   }

   getAnOtherDemoData(someValue1, someValue2 ) {
     const endcodedValue = encodeURIComponent(`${someValue1}/${someValue2}`);
     const url = `${this.baseUrl}/api/Transmission/${endcodedValue}/deleteDashboardAlert`;
     return this.http.get(url);
   }
 }