Angular: Typescript casting JSON response as object model not working

by

Thats kinda tricky to explain:

Date is a class, this means that values of type Date need to be created through a constructor call. In other words, create a class instance with new Date(...).

The Response.json method will only return an object in JSON format, and such doesnt contain an instance of any class, only maps of key:property.

So what you need to do, is to manually convert the value returned from .json() to a Base object. This can be done as follows:

public getSingle = (keys: any[]): Observable<Badge> => {
        return this._http.get(this.actionUrl + this.getKeysUrl(keys))
            .map(r => r.json())
            .map(v => <Badge>{
              badgeNumber: v.badgeNumber,
              authorizationLevel: v.authorizationLevel,
              endOfValidity: new Date(v.endOfValidity)
              // preferably this string should be in ISO-8601 format
             })
            //the mapping step can be done in other ways most likely
            .catch(this.handleError);
}

More Related Contents:

  1. How to import JSON File into a TypeScript file?
  2. How to get Date object from json Response in typescript
  3. How to parse a JSON object to a TypeScript Object
  4. How do I cast a JSON Object to a TypeScript class?
  5. How do I initialize a TypeScript Object with a JSON-Object?
  6. Importing JSON file in TypeScript
  7. JSON to TypeScript class instance? [duplicate]
  8. Angular 2+ and Observables: Can’t bind to ‘ngModel’ since it isn’t a known property of ‘select’
  9. Angular2: How to load data before rendering the component?
  10. How to fetch JSON file in Angular 2
  11. Angular 2: Get Values of Multiple Checked Checkboxes
  12. get multiple checkbox value as an array in angular
  13. Angular: ‘Cannot find a differ supporting object ‘[object Object]’ of type ‘object’. NgFor only supports binding to Iterables such as Arrays’
  14. Iterate a Json Object with ngFor
  15. tsconfig.json: Build:No inputs were found in config file
  16. Whats the difference between using a class and interface?
  17. Angular – POST uploaded file
  18. iteration a json object on Ngfor in angular 2
  19. Angular2 Ansychronous bootstrapping with external json configuration file
  20. Type ‘{}’ is not assignable to type ‘IntrinsicAttributes & IntrinsicClassAttributes
  21. Typescript `enum` from JSON string
  22. Is it necessary to unsubscribe from observables created by Http methods?
  23. Angular error: “Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input'”
  24. How to write unit testing for Angular / TypeScript for private methods with Jasmine
  25. Swift JSONEncoder number rounding
  26. Generate dynamic css based on variables angular
  27. Powershell ConvertTo-JSON missing nested level
  28. Glassfish error when producing JSON
  29. Subscribing to a nested Observable
  30. Can Server Sent Events (SSE) with EventSource pass parameter by POST

Leave a Comment