Category "angular"

Angular Server Side Rendering (SSR) not loading html for inner / child pages

I'm experiencing an issue with how my angular app loads. For some reason on viewing the application online regardless of the route, the html structure defaults

Dynamic accordion for lists in angular using bootstrap accordion

I have written the code for dynamic accordions it showing the design correctly but functionalies(hide/show) are not working. Below i have shared the code please

Angular: Keep state of component on back navigation but also reset it

I'm new to Angular and have a requirement regarding routing between components. The app consists of 3 components: component_a -> component _b -> component

Cannot find module 'atptest' or its corresponding type declarations.ts(2307)

I have created an angular library using angular cli. I can use it locally but when I publish it to npm, I cannot use it in any angular applica

Cannot remove Event Listeners from object on Angular

I have an image with mouseenter and mouseleave attributes. When the cursor first hovers this image, it calls startCalc(id) method and in this I am calculating s

AWS-Amplify, How do I redirect to another URL after sign-in in angular?

I'm using the latest AWS-Amplify's authentication component. It can logged in successfully but after login I need to sent the route to another url which I can't

ng-attr interpolation not working when loading web components with esm-es5/loader.js

I'm using angular 1.5.9 and a component library made with web components. When loading the library using unpkg, everything works fine: <script src="https://u

Angular RouterModule : how to ignore path in proxy.conf.json?

I'm looking to ignore a path (in this example /backexample) in my RouterModule which is present on my proxy.conf.json for calling my back api. I'm using Angular

regex for accepting a-z letters and composite keys in angular

i like to limit input to accept only [a-z] letters and also composite keys like ctrl+A , ctrl+C , etc to handle natural behavior of html input . how can i do it

How do I make the input send a whole word instead of each letter I type after a delay?

search(value) { if(value.length > 3) { setTimeout(() => { searchApiCall(); }, 2000); } } <input type="text" class=

ERROR TypeError: this.authService.injectAuthHeaders is not a function

I am getting following error Issue is i have a abstract class which is not getting injected, i dont know how to inject abstract class. looks like the issue is

How to test Service with Subject in angular

this is my Service. import { Injectable } from "@angular/core"; import { Subject } from "rxjs"; import { Observable } from "rxjs"; import { filter, map } from "

Angular NG command gives permission error

When I try to run, "ng serve" or any other ng command, I'm getting "zsh: permission denied: ng" error. I'm using MACOS and already checked other posts to fix th

AuthGuard/Authentication Service Does Not work as expected in Angular 13 App

I try to implement a simple login/logout mechanism in an angular/rest api training application ! Even after a logout() in my authentication.service.ts : import

How to prevent memory leak of subscriptions creation when perform an event?

I need to make sure there is a single subscription (e.g. within the constructor) and chain the flow of events from another component to an observable property o

How to customize hover text of box plot trace in plotly.js?

I would like to create a box plot and customize the hover text. Creating the boxplot was successful. However, the goal is to have measurement title, min, q1, me

How can I solve this 400 Error ? "message: "Variable \"$listingId\" of required type \"String!\" was not provided.","

This is my Mongoose Schema const mongoose = require('mongoose'); const ListingSchema = new mongoose.Schema({ listing_id: { type

add a chart in my project on child component in angular but it doesn't work

I want to add a chart in my project on child component but it doesn't work,I have some components: menu,header,section , I want to click on an option in menu n

Angular: access variable which is declared inside subscribe function

I'm trying to access a variable inside a subscribe function but it returns to me undefined, please any suggestions: export class InboxmanagementComponent implem

How do you implement a simple progress bar in Angular 8?

I would like to implement a progress bar which increases progressively as a variable increases. I've tried it 3 ways, none of them work as I wrote it. Using CSS