I am testing an angular component, which uses a summernote-editor from NgxSummernoteModule. The editor form ist set up by NgxSummernoteDirective using the methode createEditor(): createEditor() { ...

I'm implementing a custom directive to handle "Select All" behavior for a multi-select dropdown using Angular Material. The issue: when I deselect just one item, the "Select All" ...

I have this button: <button class="btn-submit" type="button" appControlhover [defaultColor]="btnBackgroundColor" [highlightColor]="btnhoverColor" [...

Using reactive forms in Angular I created two directives one that converts values from cents to dollars by dividing by 100, and one that converts dollars to cents by multiplying by 100. This works ...

`Is it possible to render an Angular component dynamically? For example, I have component selector names in my .ts file. When I bind the variable in the .html file using interpolation and innerHTML, ...

I am trying to convert my code directives from Angular 16 to Angular 17. However, I am unable to achieve the reference in Angular 17 so that for both else it will refer to the same ng-template. <...

Anchor tags from the table cells are attached with a [routerLink] directive. My aim is to test the table. I would like to mock the directive. How can I do this? More detailed question: how to provide ...

In my angular application, I have a main layout with a flex display that has a height of 100vh and overflow set to hidden. Inside is the main content div which has a height of 100% and overflow set to ...

I am using Angular 17 and Tailwind, my directive adds and removes 'hidden' into the class of marked <div> when checking the select/unselect situation of the checkbox. My problem is that the ...

I'm trying to write a test for a directive that modifies the Angular CDK table. To test this I made a test component decalred in my *.spec.ts file, where I setup a simple table and add my directive. ...

I have a SidebarComponent: import { Component } from '@angular/core'; import { MenuComponent } from '../shared/menu/menu.component'; @Component({ selector: 'app-sidebar', standalone: true, ...

I'm trying to write custom form validator. I have two component main-form and options. In options component I have list of checkboxes, and would like to validate, that on each row is checked at least ...

I'm trying to write custom form validator. I have this test component, where are three checkboxes. Main form should be valid only if at least one checkbox is checked. https://stackblitz.com/edit/...

I'm able to use the new Angular's 17.1 Signal Inputs as follows: { public value: InputSignal<string> = input.required<string>(); } And while it works on components, it does not on my ...

The Angular Docs show that you can use Directive Composition API even when directive has outputs. However, it seems that directive's outputs become component's outputs. I'd like to use directive's ...