The deserialization process in TypeScript is not functioning as anticipated

I created a model class to represent an object. The deserialize function is meant to populate it from a JSON string.

export class MyData
{
    public name:string;
    public job:string;

    public deserialize (input:any) : MyData
    {
      Object.assign (this, input);
      return this;
  }    
}

var md:MyData = new MyData ().deserialize ({ name: "max", job: "sales" }));
console.log ("md="+md);

However, the variable 'md' is still showing as an Object.

md=[object Object]

What could be the issue here? Appreciate any help, thank you!

Answer №1

Everything is functioning as intended. The `Object.toString()` method will produce the output `[object Object]`.

To view the value of `md.name`, use `console.log(md.name)`. If you need to convert the entire object to a string, utilize `JSON.stringify(md)`.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Submitting forms using Ajax in Angular 2

As a novice in Angular 2, with some experience in AngularJS, I am looking for guidance on how to utilize $.ajaxSubmit() or a similar method to submit a form using AJAX instead of the default form submission. Specifically, I am interested in uploading files ...

Type of JavaScript map object

While exploring TypeScript Corday, I came across the following declaration: books : { [isbn:string]:Book}={}; My interpretation is that this could be defining a map (or dictionary) data type that stores key-value pairs of an ISBN number and its correspon ...

Sharing an Angular 2 class instance across components

As a beginner with Angular 2, I'm adapting well so far. However, I've encountered a problem (possibly due to my familiarity with Angular 1) - I need the class "User" to be global and accessible across different components. Currently, I have a Us ...

Developing applications using the combination of Vue.js, JSX, and

While I have no issues using TypeScript with single file components (.vue files), I encountered problems when attempting to use it with JSX files. Two errors arise, one in my index.ts file. I'm uncertain if there was a mistake made in my configuration ...

Exploring the contrast between root directory and base URL in tsconfig

Could you explain the distinction between rootDir and baseUrl in TypeScript? Based on the documentation provided by TypeScript: Base URL It serves as the base directory for resolving non-relative module names. Refer to the Module Resolution documentation ...

Guide for integrating a locally cloned open source angular component into your Angular project

Currently, I have an Angular 10 project that includes an open source Angular component installed via the typical "npm install --s xxxxxxx" method. My goal is to duplicate the github repository of this open source Angular component onto my local ...

Using Angular 2 to assign a pipe dynamically from a variable

Could something like the following be achievable: {{property | some_variable_name}} I am aiming to utilize a pipe that is defined in a JSON configuration (or variable), but I am uncertain if it is feasible to include the pipe name within the interpolatio ...

Embedding Globalize.js into an Angular component

Hey there! I'm currently working on building an Angular 4 application that needs to support L10n. I've decided to incorporate globalize into my project. Below is a snippet of my App component: import { Component, OnInit } from '@angular/c ...

What possible reasons could cause the installation of Visual Studio 2017 to disrupt node.js or the typescript compiler?

Recently, I updated to the latest version of Visual Studio 2017 and selected the node.js support option during installation. However, after this update, I encountered issues with the typescript compiler (tsc) in an Angular 2 project that was last modified ...

What is the best method to send a HTTP request (specifically for scraping) to an Angular2 website?

I am attempting to utilize a node server to extract data from an angular2 application. However, the issue I am encountering is that the response I receive is just the index.js file, which essentially represents the "loading..." section of the webpage. My ...

Incorporating D3.js into Angular 6 for interactive click events

Currently working on building a visual representation of a tree/hierarchy data structure using d3.js v4 within an Angular environment. I've taken inspiration from this particular implementation https://bl.ocks.org/d3noob/43a860bc0024792f8803bba8ca0d5e ...

Optimizing image imports through treeshaking while integrating Typescript

One of my components has a structure similar to this: import foo from "./assets/foo.svg"; import bar from "./assets/bar.svg"; const icons = {foo, bar}; type IconTypes = "foo" | "bar"; type IconProps = { ic ...

Issue arises when trying to implement sidebar navigation in Angular with Materialize CSS

Just starting my Angular journey and running into some trouble trying to set up a practical and responsive menu using SidebarNav and Dropdown. I used CLI to install and configure angular2-materialize and materialize-css. To create the menu, I made a comp ...

Incorporate Typescript into specific sections of the application

I've got a Node.js application that's entirely written in JavaScript. However, there are certain sections of my app where I'd like to utilize TypeScript interfaces or enums. Is there a way for me to incorporate Typescript into only those s ...

Learn how to prevent the rendering of a specific section of code using JavaScript/TypeScript, similar to the functionality of *ngIf in Angular

When it comes to hiding specific parts of HTML code, using comments or CSS with display:none is one option, but these are still accessible in the developer tools. How can we leverage the features of JavaScript or TypeScript to prevent these sections from ...

Comparing the installation of TypeScript on Ubuntu utilizing npm versus native packages (via apt)

I'm looking to incorporate Typescript into my Ubuntu system and have come across two different methods to do so: Using sudo apt update && sudo apt install node-typescript -y Running sudo npm install -g typescript My main question revolves ar ...

Customizing service providers for each individual test in Angular

When testing Ngrx Effects, I am trying to override a service provider on a per-test basis in order to simulate both success and failure responses. In my attempt to achieve this, I have included my service in the TestBed setup like so: describe('Accou ...

Chat Room with Stable Div Size

I am working on developing a chat feature, but I am facing an issue where the new message does not appear on the screen after a certain number of messages. I want the messages to overflow so that users can scroll down to view them, but only a few messages ...

Is VSCode disregarding tsconfig.json and compiling individual files, causing misleading error messages to appear?

After updating typescript, angular, and all the libraries in my project, I encountered a new issue that was not present before. Although I successfully ensured that my code builds without any errors or warnings from the command line, Visual Studio Code sta ...