La cosa es que, desde este punto (commit en GitHub), Angular tiene este comportamiento específico por defecto.
De acuerdo a esta pregunta y sus respuestas, hay al menos dos caminos (con variantes).
- El camino 1 es escapar todo antes de ponerlo como parámetro de tu petición:
let encodedName = encodeURI('"prueba + prueba"');
const data_info = new HttpParams()
.set('name', encodedName)...
Y después podrás recuperar todo haciendo el proceso inverso
let decodedValue = decodeURI(encodedValue);
- El camino 2 es hacerle override al intercerptor con el que Angular escapa caracteres. Algo como
import { HttpInterceptor, HttpRequest, HttpEvent, HttpHandler, HttpParams, HttpParameterCodec } from "@angular/common/http";
import { Injectable } from "@angular/core";
import { Observable } from "rxjs";
@Injectable()
export class EncodeHttpParamsInterceptor implements HttpInterceptor {
intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
const params = new HttpParams({encoder: new CustomEncoder(), fromString: req.params.toString()});
return next.handle(req.clone({params}));
}
}
class CustomEncoder implements HttpParameterCodec {
encodeKey(key: string): string {
return encodeURIComponent(key);
}
encodeValue(value: string): string {
return encodeURIComponent(value);
}
decodeKey(key: string): string {
return decodeURIComponent(key);
}
decodeValue(value: string): string {
return decodeURIComponent(value);
}
}
y luego usarlo en la sección de providers de tu app.module.ts
providers: [
{
provide: HTTP_INTERCEPTORS,
useClass: EncodeHttpParamsInterceptor,
multi: true
}
]
Hay algunas otras opciones allí que han variado a medida que ha evolucionado Angular. Puedes pasar por la pregunta citada y revisar.