1 – There is a CSS code have been written in ts file to apply when browser size is being changed. but if you check console while changing browser size ( width) can be seen sometime apply below CSS. but sometime instead of this CSS

I’m new to Angular 18. I want to integrate filter functionality into existing project. My project is generated with Angular CLI. I don’t understand how to merge together older angular 5 code with newer.

I have a modal wich is called when i click in a button, this is the modal logic:

I am using Angular 17.3.6 with Angular Material. I have a view that contains a mat-table with two nested mat-tables. Functionally, it works fine, but the UI presents a blank row after every top-level row. I hope someone can help me get rid of the blank row after every top-level row in the top-level mat-table.
If I remove the last in the HTML (<tr mat-row *matRowDef=”let row; columns: [‘expandedDetail’]” class=”example-detail-row”>), the extra line goes away (but so does the functionality of expand/collapse).
Here’s the relevant code:
HTML:

I’m currently refreshing back my Angular knowledge. Currently, I have two components, mainly header-component (toolbar) and sidenav-component (SideNavigation).

In an Angular application I have a Service S responsible for opening a Component C MatDialog; I want C, in its turn, to have a reusable header component, say Component H; I want H to have a button for closing a MatDialog (which is the case of C); So I tried: Keeping MatDialogRef as a […]

ERROR TypeError: element.animate is not a function