Как приводить ответ HttpClient к конкретному типу?

Question

[mitaichik]

Нужно, чтоб ответ HttpClient возвращал инстансы объектов. Например, есть метод:

getPersons(): Observable<Person[]> {
		return this.http.get<Person[]>("http://test/api/v1/persons");
	}

Я ожидаю, что он вернёт мне Observable со списком инстансов класса Person. То есть, он сам создаст инстансы Person и пихнёт туда данные (как, например делает, retrofit). Но по факту там массив Object. Неужели ангуляр из коробки так не умеет?

Да, стоит отметить что Person - это не интерфейс, а класс, имеющий методы. Соответственно, я хочу получить person, вызвать метод person.someMethod() - а он мне ошибку (так как это Object).

UPDATE

Разобрался, как сделать:

getPerson(id: number): Observable<Person> {

		let config = {params: {id: id.toString()}};

		return this.http
			.get<Person>("http://test/api/v1/person/view", config)
			.pipe(map(p => {
				let person = new Person();
				Object.assign(person, p);
				return person;
			}))
	}

Но неужели ангуляр не умеет так из коробки?

Answer 1

[dmitrygavrish]

Ангуляр тут ни при чем, он не может на основании типа, указанного в дженерике, создать инстанс класса, потому что это тип, а не конструктор класса.
Любой подобный пример в тайпскрипте вызовет ошибку:

function someFunction<T>(): T {
    return new T();
}

П.С. в вашем случае можно сделать несколько лаконичнее:

return this.http
    .get<Person>("http://test/api/v1/person/view", config)
    .map(p => new Person(p));

Только для этого конструктор класса Person должен уметь записывать себе внутрь св-ва из передаваемого в конструктор объекта.

Comments

[mitaichik]

Спасибо за ответ.

Да, я понимаю что дженерики так не работают. С Typescript я не знаком, но в Java это решается генерацией кода во время компиляции, либо предоставлением ссылки на объект класса (не истанс класса, а именно объект который описывает класс, хз есть ли такое в typescript) из которой можно дернуть конструктор.

Можно вопрос в догонку: вы пишете get().map(). Но у меня HttpClient возвращает Observable без метода map. Я читал что чтоб он появился нужно импортировать весь rx целиком, и в своем коде так сделать без проблем. Но HttpClient импортирует облегченный Observable, и его я менять не могу. Таким образом, едсинственный вариант использовать map - это через pipe?

Или можно как-то симпортирвать весь Rx где нить при бутстрапе, и map будет доступен везде? Я просто очень люблю этот Rx (по крайней мере RxJava) и хотел симпортировать сразу весь, размер билда мне не критичен.

[dmitrygavrish]

RxJs модульный, каждый оператор и метод импортируется, целиком либу тащить необязательно. Чтобы map заработал на Observable'ах, добавьте соответствующий импорт в файле:
import 'rxjs/add/operator/map';
(предполагаю, что в зависимостях rxjs у вас стоит)

[mitaichik]

dmitrygavrish, Спасибо, попробую.