Setting a TypeScript collection field within an object prior to sending an HTTP POST request

Question

Setting a TypeScript collection field within an object prior to sending an HTTP POST request

Encountered an issue while attempting to POST an Object (User). The error message appeared when structuring it as follows:

Below is the model class used:

export class User {
userRoles:  Set<UserRole>;
id: number;
}

In my TypeScript file, I included:

const newUser = new User();
var userRoleList = new Set<UserRole>();

var iterator = userRoleList .values();
newUser.userRoles=  Array.from(iterator);

The following error occurred:

error TS2740: Type 'UserRole[]' is missing the following properties from type 'Set': add, clear, delete, has, and 2 more. newUser.userRoles= Array.from(iterator);

Any suggestions or solutions? Thank you.

javascript angular typescript

Answer 1

Answer №1

In order to correct the issue where you are attempting to assign an Array value to a property that is of type Set within your class, you will need to update your class declaration as follows:

export class User { userRoles: UserRole[]; id: number; }

Answer 2

In order to correct the issue where you are attempting to assign an Array value to a property that is of type Set within your class, you will need to update your class declaration as follows:

export class User { userRoles: UserRole[]; id: number; }

Answer 3

Answer №2

To easily assign an array to the user roles, you can utilize the Set constructor:

const newUser = new User();
var userRoleList = new Set<UserRole>();

var iterator = userRoleList.values();
newUser.userRoles=  new Set(Array.from(iterator));

A more refined approach would be:

const newUser = new User();
const userRoleList = new Set<UserRole>();
newUser.userRoles=  new Set([...userRoleList.values()]);

Answer 4

To easily assign an array to the user roles, you can utilize the Set constructor:

const newUser = new User();
var userRoleList = new Set<UserRole>();

var iterator = userRoleList.values();
newUser.userRoles=  new Set(Array.from(iterator));

A more refined approach would be:

const newUser = new User();
const userRoleList = new Set<UserRole>();
newUser.userRoles=  new Set([...userRoleList.values()]);

Setting a TypeScript collection field within an object prior to sending an HTTP POST request

Answer №1

Answer №2

Similar questions

Discovering the orientation of an object in relation to the camera

Looking for guidance on building a real-time React application with automatic data fetching linked to a nodejs backend

How can we dynamically update property values in a ngFor loop by utilizing the click method?

The AngularJS ng-repeat filter boasts dual parameters that vary based on the scope implemented

Issues are arising with the .mouseover functionality within this particular code snippet

Issues encountered when updating MySql Database from WordPress with Error 500, whereas the code functions properly when used outside of WordPress environment

Removing a specific MySQL row using HTML in collaboration with Node.js

Exploring the concept of object inheritance in Angular 5 with Typescript

Ran into a JavaScript heap memory issue while attempting to perform an npm install on Azure pipeline

Storing selected items from a tree table into an array

Encountered an issue while attempting to authenticate CMS signature using pkijs

Using iTextSharp in .Net to convert the action result into a downloadable pdf file via ajax

Retrieving text from a draggable div using jQuery

What could be causing the javascript slidetoggle function to keep closing?

The safeguarding of Angular2 and Laravel against CSRF vulnerabilities

Issue with jQuery animation: Background color does not change upon scrolling

Creating a dynamic anchor scrolling effect within a dropdown select menu

Storing Data Property Value from an Item in Rendered List Using Vue: A Quick Guide

Understanding the scope of variables in a JavaScript callback function

Posting values using AJAX in PHP - A guide