Within the component class, I've been working on this:
export class myapp {
detail;
myarr = ['me', 'myself', 'i'];
title = this.myarr[0];
this.detail = this.title ; //error
}
I'm curious why `this.detail` is not allowed but `this.title` is allowed. Why do I need to create a new variable? Can't I use a variable that's already in the class?
When working inside a class but outside of methods, your options are limited to initializing fields or declaring methods. Adding arbitrary statements in this context is not allowed.
To perform additional tasks, you can utilize the constructor().
export class myapp{
detail : string = 'I am';
myarr = ['me', 'myself', 'i'];
title = this.myarr[0];
constructor() {
this.detail = this.title ;
}
}
When working in your specific case, there is no need to redeclare the class member...
export class myapp{
myarr = ['me', 'myself', 'i'];
title = this.myarr[0];
detail = this.title ;
}
What is the purpose of TypeScript in this scenario?
TypeScript serves to alert you to the possibility that you have inadvertently declared a duplicate member by preventing such actions.
It is worth mentioning that using the this prefix for members within a class is not necessary. The resulting JavaScript code will include them...
var myapp = (function () {
function myapp() {
this.myarr = ['me', 'myself', 'i'];
this.title = this.myarr[0];
this.detail = this.title;
}
return myapp;
}());
You can specify an access modifier for the members, as they default to private.
export class myapp{
private myarr = ['me', 'myself', 'i'];
protected title = this.myarr[0];
public detail = this.title ;
}
Access modifiers are only enforced during compile time.
I'm trying to remove the routes.ts file generated by tsoa routes from being compiled by tslint. I've used the exclude option but it doesn't seem to be working specifically for routes.ts. The exclude option works for other files, except for r ...
I currently have a NestJS project (project A) with one module that utilizes the @nestjs/typeorm and typeorm packages. In my other NestJS project (project B), I plan to use this module. However, there is a potential issue. Project B contains entities that ...
It's common for developers, myself included, to perform conditional rendering by checking variable values like this: import React, { useState, useMemo } from 'react' const Page = () => { const [data, setData] = useState<any[]>() ...
I have developed a custom input called formControl, which requires me to fetch and set its value using [(ngModel)]: import { Component, Injector, OnInit, forwardRef } from '@angular/core'; import { ControlValueAccessor, FormControl, NG_VALUE_ACCE ...
One of my methods involves changing a variable from false to true in a grid. The challenge I am facing is how to save that variable and refresh the grid so that the changes are visible upon page reload. onClickBloquear(event: any) { if (event.dataIt ...
Is there a way to manually optimize the Garbage Collector by forcefully pushing variables into it? For example, if we have a root or global level variable in an Angular component that is no longer needed when switching to another page, how can we ensure it ...
After fetching data through a REST API in Angular, I need to display only the "classLevelPermissions" in table format as shown in the .html file. .ts - async getclp(className: string) { debugger; this.clplist = []; this.className = className ...
Can someone help me with filtering certain attributes using another array? If a condition is met, I would like to return other attributes. Here's an example: Array1 = [{offenceCode: 'JLN14', offenceDesc:'Speeding'}] Array2 = [{id ...
Having trouble finding the correct type as mentioned in the title. After inspecting with DevTools, I have confirmed that every component I am programmatically looking at has Component.type.displayName. For anything that is not an ElementType, the type is a ...
I'm currently working on creating an animation for a side menu. The animation works perfectly when I open the menu, but the problem arises when I try to animate it back closed. Is there a property that allows the animation to play in reverse when the ...
I've encountered some errors while working on a Mobx React application that occurs when I navigate to the /login page, despite being logged in. Here's a snippet of my code: index.tsx (Code Snippet Here) App.tsx (Code Snippet Here) Login.tsx ...
Unfortunately, due to various reasons, we are unable to utilize angular version 12 at this time. As a result, we do not wish to use the current versions of ng and nrwl. I have been unable to find any documentation on how to generate a project with a speci ...
I am looking to integrate material-ui into my Angular 7 project. While I know that Angular Material is available, I prefer using ui-material over it. However, I am unsure about how to implement ui-material in an Angular environment. ...
After diving into Angular and setting everything up, I encountered an issue where instead of seeing a name displayed, I was getting {{ name }}: Below is the content of app.component.html: <input type="text" [(ngModel)]="name"> <p>{{ name }}&l ...
Encountering typescript errors while building a project that incorporates angularfire2 and firebase. Here are the packages: "angularfire2": "^2.0.0-beta.0", "firebase": "^2.4.2", Listed below are the errors: [10:58:34] Finished 'build.html_css&apos ...
When it comes to passing the iterating object from HTML to Javascript, there are two approaches that can be taken. The first approach involves passing the iterating object as a whole, while the second approach only passes the required properties of the obj ...
What causes the different types of a and b in the given code snippet? function empty<T>() { return [] as T[] } const defEmpty = empty() function test1(abc: number[]|null) { const a = abc ?? defEmpty const b = abc ?? empty() } Upon testing on t ...
Is it possible to initiate an http request before another ongoing http request finishes (For example, fetching a token/refresh token from the server before the current request completes)? I successfully implemented this functionality using Angular 5' ...
I need to include the 'express' module in my app. According to Mozilla's documentation, we should use the following code: import { Application }, * as Express from 'express' However, when using it in TypeScript and VSCode, I enc ...
I have been tasked with working on two separate projects that rely on NPM and Node. The first project was developed using Ionic, while the new one requires Angular exclusively. Initially, only the Ionic project was set up on my laptop, so all installations ...