I need to remove the method get from my User class, for instance
export class User {
password: string;
public setPassword(password: string): void {
this.password= password;
}
// exclude or remove
public getPassword(): string {
return this.password;
}
}
I do not want to transmit this information to Firebase Database
One effective technique for removing methods from an object instance involves utilizing the JSON parser. By applying this approach, only the properties of the object will be retained...
const user = new User();
user.password = 'test';
const propsOnly = JSON.parse(JSON.stringify(user));
The outcome is an object containing a password property without any methods - leveraging the JSON parser offers more reliability compared to writing our own solution. Furthermore, this method can handle potential future additions of methods to the User class.
If you are transmitting JSON data to the API, there is no necessity to execute this process since serialization automatically eliminates the methods within the object.
To ensure that getPassword remains private, one strategy is to limit its visibility to only yourself.
const SECRET_PASSWORD = Symbol();
export class User {
private password: string;
constructor(password: string) {
this.password = password;
}
public setPassword(password: string): void {
this.password = password;
}
public [SECRET_PASSWORD](): string {
return this.password;
}
}
const user = new User('secret')[SECRET_PASSWORD]()
Only those with access to the SECRET_PASSWORD symbol will be able to utilize the method.
While not the most elegant solution, it may be beneficial to encapsulate your class within another one without a getter for added security.
Although I don't have much experience with firebase, I believe your worry may be unwarranted. Even if it is valid, simply deleting a method may not solve the issue entirely.
If you do desire to eliminate a method, the process can be carried out in this manner:
let client = new Client()
delete client.getEmail
On the other hand, if you wish to erase a password from an object instance, consider implementing the following approach instead:
let user = new User()
user.password = ''
Looking to incorporate MomentJS into my ReactNative component with TypeScript. Successfully imported the library's d.ts file from the node_modules directory. This is how I am importing and utilizing the library: import * as moment from "moment"; con ...
Looking for a way to default empty cells in my primeng datatable to '-'. Consider the following data: [ { 'column': null }, { 'column': { 'name': 'A' } }, { 'column': { 'name': ...
Trying to import the root component of a react accordion and then export it in my project with the name Accordion. However, I keep getting a type error that says Unsafe assignment of an `any` value. I've attempted to fix it by using the as keyword but ...
Currently, I am working on developing an application using Nestjs and have created two modules: User and Auth with the following structure: https://i.sstatic.net/N8Zyz.png To interact with the User entity, I needed to inject the UsersService into the Aut ...
Currently, I am in the process of learning material-ui, and it seems that most of the code examples I come across are based on classes. However, the new trend is moving towards using functions instead of classes due to the introduction of hooks. I have be ...
I'm currently working with Angular2 build 2.0.0-alpha.34 and I can't figure out why I'm getting different results from these two code snippets. The only variation is between using @Inject(TitleService) titleService and titleService: TitleSe ...
I am working on a requirement where the input should only accept decimal characters, negative or positive. I need to use regex to make the decimal point mandatory, however it is currently allowing negative whole numbers which is not the desired behavior. I ...
Retrieve data from a REST API in the following format: { "ProductID":1, "Category":[ { "CategoryID":1, "SubCategory":[ { "SubCategoryID":1, } ] } ] } I need to t ...
In my current project, I am working with an Angular application that receives a collection from Firebase (Observable<any[]>). For each element in this collection, I need to create a new object by combining the original value with information from ano ...
async function AsyncFunction(): Promise<number> { return 0; } Runs smoothly without any issues; async function AsyncFunction(): AsyncFunctionReturnType { return 0; } type AsyncFunctionReturnType = Promise<number> Generates an error mess ...
My understanding of Typescript's behavior with the compiler option strictNullChecks enabled is not yet complete. It appears that in some cases, Typescript (version 2.4.1) recognizes an item in a string[] as a string, while other times it does not: in ...
When setting up Jest with ts-jest, I encountered the error "ReferenceError: describe is not defined" during runtime. Check out this minimal example for more information: https://github.com/PFight/jest-ts-describe-not-defined-problem I'm not sure what ...
I'm currently experiencing an issue with my Angular/Ionic form, where the form controls are not displaying correctly on the web. My goal is to create a dynamic form that allows users to input the number of groups and students for each year. However, w ...
When I define an object like this: const x: { str: string, num: number } = { str: str, num: not_a_num }; I am surprised to find that even though 'not_a_num' is a string and not a number, the compiler does not throw an error. Instead, ...
Can anyone assist me in understanding why this code is not functioning correctly? Here's what my index.ts file in Hapi.js looks like: import { Server, Request, ResponseToolkit } from '@hapi/hapi'; import * as Loki from 'lokijs'; ...
I have a variety of types that I need to work with. For example: type Type = { prop1: number; prop2: string; prop3: someOtherType } type Props = keyof Type I am aware that using an "indexed access type" allows me to extract the type of propN, ...
After implementing the fadein effect from Angular-Animations in my ASP.NET based Angular project, I encountered an issue where only the first row is faded-in while the other rows are not displayed when using *ngIf. Here is a snippet of the code: <ng-te ...
For my Angular 4 project, I am looking to implement a permission system that will retrieve permissions from an API in the form of id arrays. Certain entities such as users or blog posts will have properties specifying allowed actions like editing or deleti ...
Looking for a smoother way to focus the next input element in Angular without manually specifying which one. Here's my current HTML setup... <div class="mb-2 digit-insert d-flex align-items-center"> <div class="confirmation-group d-flex"&g ...
Are there any Angular/Typescript projects that are completely built without relying on third-party libraries? I am encountering problems with Firefox and IE11. It works fine on Chrome where the value can be read, but the calendar does not display when us ...