Category "angular"

Pagination doesn't update in customized angular directive when filtering (How to customize mat-paginator in angular material)

As Per Marshal's answer, I have implemented the customized directive in an angular material data table. But I'm facing pagination issues when filtering the data

Angular - Access to object attribute with a string variable in property binding

I would like to use a string "attribute" as a key to access the value of a field in the "anim.animals" object. "anim" is an object of type Response that contain

Property 'sort' has no initializer and is not definitely assigned in the constructor

I am trying to use MatSort Module to sort my Table in Angular Material but I get this error: Property 'sort' has no initializer and is not definitely assigned i

Firebase v9 modular - How do you use onSnapshot to return an observable?

I'm trying to use Firebase v9 modular version and I'm confused as to how to use onSnapshot. I'm trying to execute a query and listen to the documents. Following

Angular federated module can not be loaded when route would be activated

I am trying to achieve a very simple module federation with shell (host) and travel (remote). Whenever I try do dynamically load the AbcModule from travel I get

tried to update angular to 13 broke a bunch of stuff now trying to go back to angular 11 how to?

First I am the only one working on this project so we can completely nuke everything but the code of course. I have tried things like this with no effect npm un

In angular Typescript, when logging a structure it looks correct, but when logging a member in it, it gets undefined

I have the following "prod" structure (from log): cat_id: "1" category: "2" description: "The Nike Zoom Pegasus Turbo 2 is updated with a feather-light upper, w

Angular input field type number should allow only numbers from 0-9

Having an input field where the user will enter the amount in it. i do want to restrict the users from entering decimal points. Eg : if user tries to enter 121.

Angular 12 - Generating browser application bundles (phase: sealing) very slow

After I update my Angular Application from Angular 11.2.12 to Angular 12.0.0 Angular CLI: 12.0.0 Node: 14.15.4 Package Manager: npm 6.14.10 OS: win32 x64 Angul

rxjs date range picker always wait for start and end observables

I have an angular material date picker and i'm trying get the start date and end date observables before I submit my query component.html <mat-form-f

Error: node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:64 - error TS1005: ';' expected

My app was working fine until I uninstalled bootstrap and installed angular material instead....Then tried to do ng serve but got this error.. Error: node_modul

How to Add Primeng Megamenu in newly added Component in Angular

I created a angular 13 and PrimeNG 13. I generated a component named header. I am trying to add Mega menu . How do i add it on header component. I am trying to

when router link to change body tag class name angular

<body [ngClass]="routerLink="/" ? 'header-fixed counter-scroll' : 'header-fixed'"> here route link / to class name(header-fixed counter-scroll) other rou

Type 'Error' provides no match for the signature '(this: Observable<{}>, subscriber: Subscriber<{}>): TeardownLogic'

I had angular 5.2.11, but today I updated it to 6, so when I try to build, I got an error says : TS2345: Argument of type Error is not assignable to parameter

Async pipes should not be negated

I migrated from TSLint to ESLint following the guide. Now, I get this error message : Async pipes should not be negated. Use (observable | async) === (false |

Firefox CSRF token issue on the request

Sometimes happen that randomly and only in Firefox my endpoint fails because the XSRF-TOKEN doesn’t match the request XSRF-TOKEN Cookie due to the fact th

Receiving "unmatched pseudo-class :lang" after updating Angular

After updating node, I started receiving the following error: custom-file-input:lang(en)~.custom-file-label -> unmatched pseudo-class :lang I am not unders

Ngx-image-cropper Shift Image

I am using ngx-image-cropper, I have used all of its functionality, like zoom, rotate. Now the real problem is when I zoom the image it's scaled from center, no

"export 'Metric' was not found in '@superset-ui/core' (ERROR in ./node_modules/@superset-ui/chart-controls/esm/types.js) Angular/React

I'm new to superset-ui and currently looking to use it in our Angular application, although this issue occurs for React as well. I just wanted to try out "@supe

JS or Angular Copy Text with Image

I need to copy both text and image in single click. I tried below code. I clicked and pasted only I'm getting "clip_message" My HTML: <button id="copy" oncli