Category "angular"

How to test form controls avoiding bracket notation to preserve type checking and maintainability

The Problem My unit tests on a form break when I refactor an object's member because I can only access the formcontrols on a fromgroup by using bracket notation

angular 5 nav-menu path query

I am trying to get the Angular path query in the nav menu. Whenever I try this.route.paramMap.subscribe(params => this.Name = params.get('name'

npm ERR! A complete log of this run can be found in:

When I'm going to create new angular project using . This error occurred. Could you guys please, tell me how to solve this issue. e$ ng new angular-the-basics

Show active Tab in angular

I am trying to show the active tab in an Angular app. The trouble is that the tab is located in a sub header where as the component which dictates which tab is

Angular application throwing "inline style..." error due to CSP response header configured on server

I am working on an angular application.I am working in angular 8 application with CLI.My application is running on local server without any failure. On deployi

How to change the styling of nested child element inside a shadow DOM using angular

I want to change the font style of a child element which is wrapped inside a parent element which is internally wrapped by others and finally it is enclosed ins

Angular [disabled]="MyBoolean" not working

I have some inputs (Checkboxes) and I want them to be disabled if my Booleans are true. But its not working... The funny thing is the submit button works just f

Angular: How to store FileReader content in a variable or an array

I'm so confused about this but is there a way to store FileReader content into a variable or an array as it is, because I need that content into another compone

Disable next and previous cell in AgGrid

I have an AgGrid with ColDefs listed below and 3 columns I want to click on the middle cell and disable the first and last cell so that they cannot be clicked a

How to encapsulate Angular app's global CSS within exported web component?

Goal I have an Angular 11 site with a large form component using Angular Material -- let's call it myExportableComponent. I want to use myExportableComponent i

How to remove Angular Universal on angular project

I enabled angular universal on my project . I would like to remove it completely now. I tried to remove the following files /server.ts /webpack.server.config.

An Observable for the Current Activated Route?

For various purposes, it may be advantageous to attach a listener to the Router which is called every time the route changes. This could be used to trigger an A

error TS2322: Type 'Event' is not assignable to type 'string'. [(ngModel)]="todoItem" (keyup) ="addTodo()"

I'm trying to bind my input to be able to display string. But I've this error: Error: list.component.html:3:15 - error TS2322: Type 'Event' is not assignable to

Angular mat-form-field how to set width:100%

I create a registration form as part of my learning Angular and Nodejs. My form looks wide and it is ok, however the fields on this form looks narrow or thin. I

how to get dropped element ID , dragDrop Angular

i use this function on drop from task planned into task progress onDrop1(event:CdkDragDrop<string[]>,id:any){ console.log('ondrop progress')

ASP.NET MVC (Razor) vs Angular 5

We are currently considering moving from ASP.NET MVC to Angular 5, mostly because it seems like the best and latest framework. However none of us seems to be ab

Disable button unless checkbox is checked (Angular 7+)?

I want to button to be disabled unless all checkboxes have been checked? How do you implement this in Angular? This is different because it is not a form and

Communicate between base window and popup window Angular 12

I need to trigger some event from the base window to a popup window when a user tries to open the same popup window again, which is a gear icon dropdown. What a

primeng table:p-table row grouping width not working when scrollable enable

I am using primeng table with angular.Below is the code for using table: <p-table [value]="cars" dataKey="brand" [scrollable]="'true'" scrollHeight="400px"&

Highlight selected row in primeng table without checking the checbox

I am using primeng p-table along with p-checkbox. I want to be able to highlight the clicked row (or the row content) without checking the checkbox. The Checkbo