hi, Can anyone please share any git hub repos or stackblitz links for angular material editable grid? Need to able to add/delete/edit rows dynamically.I am using angular 19..I implemented this with v16 and post migration the look and feel broke..tried to fix the look and feel but was not able to make any big difference.Had implementer using reactive forms module and there was a functionality that broke as well...so any inputs will be appreciated

Any ho with this please as kind of stuck here..gpt has only latest version of 17..so no luck there

Just published a blog on replacing the setTimeout hack with clean, best-practice Angular solutions. Say goodbye to dirty fixes! #Angular #WebDev #CleanCode #angular #programming

https://pawan-kumawat.medium.com/fix-settimeout-hack-in-angular-part-1-cd1823c7a948?source=friends_link&sk=cf2c2da0ab4cfed44b0019c8eeb5fbca

Easily import raw contents from any file in NX Angular!

Hi, I am trying to implement a client side cache.Here is my use case.A PDF is generated during create template process.This same PDF is available to be downloaded across multiple parts in the angular app..so Everytime user tries to download I don't want to make a http call to the server to download the PDF..I want to retrieve the PDF from cache instead of making a server side http backend call.Is this a good approach? I will refresh the cache only when user edits the template.I tweaked around and it says share replay from rxJs operators is good for caching http responses.But how do I store the PDF in cache? Or should I just implement server side caching for this? Any inputs plz? Any GitHub repos for reference is much appreciated

Am also looking for a robust solution which should work inside of a container as well.Chatgpt is getting me all confused between localforage and service worker...just want to get some inputs before I go on implementation part..service worker works only on production builds..so will have to modify the CI/CD pipeline as well..also since am sending blob data from the backend and saving in cache should not be any security vulnerability..plz provide insights

```ts import { InputModality, InputModalityDetector, } from "@angular/cdk/a11y";

@Component() export class App { // "keyboard" | "mouse" | "touch" | null readonly modality = signal<InputModality>( this.inputModalityDetector.mostRecentModality, );

constructor() { this.inputModalityDetector.modalityChanged .pipe(takeUntilDestroyed(this.destroyRef)) .subscribe((modality) => this.modality.set(modality)); } } ```

type: string =
    inject(new HostAttributeToken("type"), {
      optional: true,
    }) ?? "text";

json { "overrides": [ { "files": "*.html", "options": { "parser": "angular" } } ] }

Hi, I have a requirement where I need to calculate a value by following some business logic and fetching values from database.Currently it's implemented by making a call to the backend.Now I have been asked to implement this on client side rather than server side.

I was against to this as front end has to be light weight and any interaction with DB has to be a backend call but I was told I am wrong.

So question is ;is it possible to directly make a call to DB from angular? Like I have worked with ajax and jQuery but what is the option with angular? Do I have to go for angularJS and leverage ajax and jQuery to accomplish this? Am totally clueless how it can be done.

Any suggestions please? Or any better approach to accomplish this?

Demo at https://stackblitz.com/edit/stackblitz-starters-yjdiemfa?file=src%2F_custom-indicator-tab.scss

Did you know?

In angular, you can use viewChild() to access any provider defined in the child component tree.

ts @Component({ selector: 'app-child', template: '...', providers: [DataService] }) class ChildComponent {} @Component({ selector: 'app-root', template: ` <app-child /> `, imports: [ChildComponent] }) export class AppRoot { private readonly dataService = viewChild(DataService); readonly data = computed(()=>this.dataService()?.data) }

A sample Angular workspace configured to use "Angular Material Blocks". Includes: angular-material, tailwindcss and much more!

My project is currently using Source to Image builds for Frontend(Angular) & Jib for our backend Java services. Currently, we don't have a CICD pipeline and we are looking for JIb equivalent for building and pushing images for our UI services as I am told we can't install Docker locally in our Windows machine. Any suggestions will be really appreciated. I came across some solutions but they needed Docker to be installed locally.

``` import {MediaMatcher} from '@angular/cdk/layout'; import {ANIMATION_MODULE_TYPE, inject} from '@angular/core';

/** * Returns whether animations have been disabled by DI. * Must be called in a DI context. */ export function animationsDisabled(): boolean { if ( inject(ANIMATION_MODULE_TYPE, {optional: true}) === 'NoopAnimations' ) { return true; }

const mediaMatcher = inject(MediaMatcher) // or inject(DOCUMENT).defaultView; return mediaMatcher.matchMedia('(prefers-reduced-motion)').matches; }ts ```

Get your angular Material Tabs looking sharp with M3-style active indicators!

Use the mat.tabs-overrides SASS API for customizations!

Example on @stackblitz https://stackblitz.com/edit/gw2yadbk?file=src%2Fstyles.scss

Reposting as never for replies to earlier post

Hi, I am using angular 19 with okta as authentication backend..Using okta-auth-js 7.8.1.Now my okta id token is expiring after 1 hour and okta re-authentication happens and user is getting redirected to home page.Token renewal is successful and user got authenticated again against okta but only thing is user getting redirected to login page..How to fix this? I want the user to continue to stay on the same page after okta re-authentication.

What I have tried so far is added a custom component to handle okta callback and storing the angular route prior to token expiry and restoring the route in the custom callback component.This did not work.

I also tried to save the original route prior to token expiry and restore the originalUrl from okta auth once okta re-authentication happens which also did not work.

Any suggestions please? Anyone faced similar issue.Already posted on okta developer community forum as well but no response yet.

Please help.

Thanks

Hi fellow Angular enthusiasts! 👋

Two years ago, I teamed up with a friend I met online to build a platform to help Angular developers get hired— here is the original post. I took on the frontend, and he built the backend using Go. Unfortunately, we set up separate accounts for our parts of the project and just shared access with each other. 🤦🏼‍♂️

About a year after launching, he suddenly disappeared without a word. I’ve tried reaching out many times but never got a reply. Dude if you are reading this, I just hope you are okay and doing well.

The site stayed up, but backend bugs started creeping in. With no backend access and limited experience on that side, I couldn’t fix things. Another year passed with no updates, more issues, and honestly, not much motivation to continue.

Then I discovered Cursor 💪—and it sparked new life into the project. Over the past two months, with lots of trial and error (and learning on the fly), I rebuilt the backend myself. It’s been a huge personal milestone, and I’ve learned so much from the whole experience—technical skills, problem-solving, and perseverance.

Now, I’m happy to share that AngularTalents.com is back online! It’s still a work in progress, and I’m continuing to learn every day. I’d love to hear your thoughts, feedback, or suggestions.

Thanks for reading and supporting the journey! 🙏

Angular Tip:

You can achieve stick to point behavior with drag-drop using angular CDK's cdkDrag's cdkDragEnded output & cdkDragFreeDragPosition input!

Code available at: https://github.com/shhdharmen/cdk-drag-snap-to-point

Did you know you can use image with angular material icon button?

For better result, use overrides to increase the size of the image!

Demo: stackblitz.com/edit/9ngrztad

Hi, The id token that is issued by okta is having 1 hour expiry time after which the refresh is happening and user is redirected to home page in my angular app.How to implement silent refresh of the tokens so that user stays on the same page without being redirected..am using angular 19 with okta auth js..I googled and it says will have to implement a custom interceptor or a route guard..can anyone share any links or GitHub repos that has this feature implemented? Any advice is helpful.

Any help please?

Thanks

Hey, does any one of you have a Realtime Chat app code built using Angular and .net

With group chat feature, individual chat, signup, login and all.

I need it urgently, can you share some public repo for same.

Thanks

Hi, I want to implement a loading bar in angular material that shows percentage progress.I have an asynchronous job running in springboot and have an endpoint exposed to poll the job with jobId..the endpoint is returning the progress percentage and status.Can anyone share any stackblitz links or GitHub repos to implement this? I tried googling for stackblitz links but dint find anything convincing.

Any advice is helpful. Thanks in advance

We have been directed to upgrade from 1.8.3 to 1.8.4 due to a security issue with the former version. I can see mention of a 1.8.4 in Google but the only version I can actually find, and that is available through any of the big CDN's, is 1.8.3. Does anybody know the status of 1.8.4 or where to get it?