angular2 map data as specific object type
Yes, casting an object to a type in TypeScript doesn't create an instance of this type. It's just a facility of TypeScript for type checking.
If you want actually an instance of Book
you need to use something like that:
return this._http.get('getBook/1')
.map(function(res){
var data = res.json();
return new Book(data.id, data.title, data.pages);
})
To answer your question. In fact if you only have fields into your type (with an interface for example), casting is enough. Moreover if you have methods you want to use later, it's necessary to implicitly create an instance of the Book
type (see above) instead of casting. Otherwise you won't be able to use them (they will be undefined on your object)...
See this question for more details:
- How do I cast a JSON object to a typescript class
Good practice is to consume data from GET response using
Observable<Model>
(regarding to Angular documentation https://angular.io/guide/http) And then:
// imports
import {HttpClient} from "@angular/common/http";
// in constructor parameter list
private http: HttpClient
// service method
getBook(): Observable<Book> {return this.http.get<Book>({url}, {options});}
I think you should declare an interface Book
instead of class book
:
export interface Book {
public id;
public title:string;
public pages:Array;
}
In your service:
//get one record
return this._http.get('getBook/1')
.map(function(res){
return <Book> res.json();
});
//get multi record
return this._http.get('getBooks')
.map(function(res){
return <Book> res.json();
});