My Rank class includes attributes for "loses" and "wins" obtained from a web service. I need to calculate the "points" attribute based on these values.
For example:
for(int i = 0; i<loses; i++{
points += 1;
}
for(int i = 0; i<wins; i++{
points += 2;
}
Rank Class
class Rank{
$id?:number;
loses?:number;
team?:string;
wins?:number;
points: number;
constructor(){}
}
Where should I implement this logic?
My suggestion is to perform the calculation within the Rank constructor.
class Rank {
public points: number;
constructor(public id: number, public losses: number, public teamNum: number, public victories: number) {
this.points = victories - losses;
}
}
The reason why points are not passed to the constructor is because they are determined during the object's creation process. For further information on the purpose of constructors, you can visit this link
To incorporate your logic within the Rank class, you can utilize a setter function as demonstrated below:
class Rank{
$id?:number;
loses?:number;
team?:string;
wins?:number;
points: number;
constructor(){}
set updatePoints( wins: number, loses:number) {
this.points += loses; // Adjust points for losses
this.points += wins*2; // Adjust points for wins
// Alternatively, you can modify points like this: this.points += loses + (wins*2)
}
}
I trust this information proves beneficial to you.
After much searching, I have finally discovered a solution. Instead of initializing the points value inside the class, I moved it inside the component.
export class RankingComponent implements OnInit {
ranks: Rank[];;
constructor(private firebaseService: FirebaseService) { }
ngOnInit() {
this.firebaseService.getRanks().subscribe(ranks => {
for(let rank of ranks){
rank.points = (rank.loses) + (rank.wins*2)
}
this.ranks = ranks;
console.log(ranks);
})
}
}
When I utilize MobX to call an observable within my React component, something peculiar happens. Upon console logging the observable, initially it appears as an Object. However, upon clicking on it, the object transforms into an Array for that one particul ...
Imagine having this component that serves as a drop target module. import { useDrop } from 'react-dnd'; import './css/DraggableGameSlot.css'; type DraggableGameSlotProps = { className: string, text: string } function Draggable ...
export class AuthService { constructor(private http: HttpClient, private webService: WebRequestService, private router: Router) { } login(email: string, password: string) { return this.webService.login(email, password).pipe( shareReplay(), ...
My journey with TypeScript is just beginning, and I recently encountered the symbol | while working on a problem in LeetCode using Typescript. I believe it has something to do with defining variable types. Can anyone provide more insight into this? /** ...
I am currently using the Material UI TextField component to create a multiline input for messages. My aim is to display a masked version of the text in the GUI while retaining the unmasked text value for processing purposes. Below is the code snippet for ...
I'm facing a challenge with a complex form where the fields depend on toggling checkboxes in a separate component (parent). My goal is to dynamically validate the form, with some fields being enabled and others disabled based on the toggling of the ch ...
Is it possible to use two singletons and enable them to call each other in the following manner? import 'reflect-metadata'; import { Container, inject, injectable } from 'inversify'; let container = new Container(); @injectable() cla ...
I'm currently working on a Next.js project using TypeScript and MUI. I'm in the process of creating a form that includes a numeric field for monetary values. In order to validate all fields upon form submission, I have decided to utilize yup, rea ...
In the process of developing a component to manage information about fields for form use, I am in need of storing different data objects in order to establish generic procedures for handling the data. export class DataField<T> { /** * Field ...
After countless attempts, I still haven't been able to figure it out. Any assistance would be greatly appreciated; I recently came across Angular and RxJs. The issue I'm facing involves a service that fetches resources from various URLs of the s ...
I am having trouble assigning more than one variable in jQuery within Angular2. Here is my current code: jQuery('.source-select').on('change',(e) => this.updateForm.value.sources = jQuery(e.target).val().split('--')[0]); ...
I have a project in TypeScript that I am packaging as a library to be used by both JavaScript and TypeScript projects. After compiling, I upload the .js and .d.ts files to npm. The main.ts file exports the following: interface MyInterface{ // ... } clas ...
Currently, I have a method that utilizes nextjs/auth to sign in with credentials from a form. However, I am encountering a type checking error Object is possibly 'undefined'.ts(2532) const doStuff = async (values: any) => { const result: S ...
As a newcomer to angular 5, I have been working on adding an 'x' button in the top right corner of a popover. Once this 'x' is clicked, the popover should be closed. Is there a way to achieve this using ng-bootstrap popover? Below is my ...
How can I nest an object within another object and then include it in an array of objects inside an Angular service class? I need to enable two-way binding in my form, so I must pass a variable from the service class to the HTML template. trainer.service. ...
In the process of developing an angular application, I encountered a situation where I needed to adjust the height of the nav bar using style properties. After making the necessary changes, everything was working fine. However, a problem arose when I mini ...
Why is this not working in TypeScript? class Parent { id: string = '' } class Child extends Parent{ name: string = '' } const fails: (created: Parent) => void = (created: Child) => { return }; const failsToo: ({ create ...
Experimenting with routing-controllers and its built-in class-transformer feature, I tried creating an interface for executing a search query based on either a location id or location coordinate. My aim was to utilize a discriminated union as a body parame ...
In my Next.js 12 App with the Rust Compiler, I am utilizing Jest and WebWorkers. In one of my files, I am using import.meta.url. to create the worker. The issue arises when Jest throws an error, stating that import.meta.url cannot be used outside of an ES ...
I am trying to organize the related data IOrderData by grouping them based on the productId and brandId. This will help create a new array of objects called IOrderTypeData, where the only difference between the objects is the delivery type. Each product id ...