Tag: angular10

Issue I have some code which I want to use with animate.css to add and remove a class in a div. Here is the code: app.component.html <button (click)="toggleMethod()">Toggle Classes</button> <div class="myDiv"> // Stuff here </div> app.component.ts toggle = false; toggleMethod()

Issue everyone! I need your help. I have a component in my Angular 10 application, let’s name it A. In this component I have <router-outlet> and also routes described in routes.ts file. What I need is to change variable (field)

Issue As all questions look like they are outdatet i’m asking this Question. First of all I need to mention that I just started Angular 4 days ago, so please explain everything like you would to your child ( or

Issue I know there is some issue with the constructor or with the class but i am not sure what’s the issue. My recipe model class looks like this : export class Recipe{ public name : string; public description :string;

Issue We are receiving this build warning in Angular 10. How can this be fixed? Is there an alternative NPM like Lodash-es ? hotkeys.js depends on ‘mousetrap’. CommonJs and AMD Dependencies can cause optimization bailouts Error Message Resource: Upgrading to

Issue I have a app-document-form-node component that recursive builds components. Component app-document-form-node: <ng-container *ngIf="block.type === fielType.Block"> <app-adresat-list *ngIf="block.tag === ‘ADRESATS’" [list]="block?.children"></app-adresat-list> <app-word-settings *ngIf="block.tag === ‘WORD_SETTINGS’" [element]="block"></app-word-settings> <app-parameters *ngIf="block.tag === ‘PARAMETERS’" [element]="block"></app-parameters> <app-document-parameters *ngIf="block.tag === ‘GENERICPARAMETERS’" [element]="block"></app-document-parameters> </ng-container> <!—–> <ng-container *ngIf="block.type

Issue I know that we use @Input decorator to pass the values from parent component to the child component. But, I am wondering instead of doing this, if we can create an instance of the Parent class in the constructor(Dependency

Issue Here is my code below. topbar.component.ts import { Component, OnInit, AfterViewInit, Output, EventEmitter } from ‘@angular/core’; @Component({ selector: ‘app-topbar’, templateUrl: ‘./topbar.component.html’, styleUrls: [‘./topbar.component.scss’], }) export class TopbarComponent implements OnInit, AfterViewInit { @Output() OnCancelss: EventEmitter<any> = new EventEmitter<any>(); //my output

Issue I’m using Google Place Autocomplete in my child component, but when each input is filling with data, the parent component does not get the change, so i can’t post to server valid data. I have a child component that

Issue How do I add string interpolation/concatenation to router link below which goes to parent route, and then variable link? <a routerLink="../account-information/" + "item.productId"> Solution String Interpolation routerLink="../account-information/{{item.productId}}" Attribute Binding Syntax: [routerLink]="’../account-information/’ +item.productId" or [routerLink]="[‘../account-information/’, item.productId]" Answered By – Muni

Issue I’m trying to implement this code for making API call for image without success: <kit-general-16 [isNew]="product.isNew" [isFavorite]="product.isFavorite" [image]="mainImage(product.productImage)" [name]="product.title" [price]="product.price" [oldPrice]="product.oldPrice" routerLink="../edit-product/{{product.id}}"></kit-general-16> </div> Component: mainImage(productImage: number) { this.productService.getProductImage(productImage); } Service: getProductImage(imageId) { return this.http.get<any>(environment.apiKey + ‘/engine/product/files/’ + imageId) }

Issue app.component.html <input (keypress)="degistir($event)" /> <div> {{isim}} </div> app.component.ts isim: string = ""; degistir(event:any){ this.isim = event.target.value; } Preview: Solution Your code is working fine, but whether it is right or wrong depends on how explicit you want your code