I would like to make an if-else statement in my angular template. I started with that : <ng-container *ngIf="contributeur.deb; else newDeb" > [... HERE IS A RESULT 1] </ng-container> ...

I'm using Angular and I want to use *ngIf else (available since version 4) in this example: <div *ngIf="isValid"> content here ... </div> <div *ngIf="!isValid"&...

My form group structure looks like this (order.component.ts): this.orderForm = this.formBuilder.group({ customer: this.formBuilder.group({ name: ['', Validators.required], phone: ['', Validator...

For Example using @if, I am able to do this: @if(items$ | async; as items). I am able to declare 'items' as a variable holding the array of items using the 'as' keyword in the template. How can I a...

In my Angular app, I'm getting the following error: Object is possibly 'null'. The problem is that I'm getting this error not because of some typescript code, but because of this html template...

I'm using Angular Material v6.0 MatTreeModule (mat-tree) with checkboxes. But I'm having a hard time figuring out how to determine which nodes have been checked and which nodes have not been checke...

I looked at similar questions, but none of them helped me. I am going to receive an object like the following: [ { "id": 1, "name": "Safa", "email": "[email protected]", "purpose": "thes...

It shows an error with the template, Errors: Property 'result' is private and only accessible within class 'upperCaseComponent' Property 'mymessage' is not declared in 'upperCaseComponent' m...

I am starting to learn DOM manipulation in Angular and notice templateRef and its method createEmbeddedView. I am more curious to learn about this method. Now all my question is, how to use the cre...

I'm creating an Angular component that wraps a native <button> element with some additional features. Buttons do not fire a click event if they're disabled and I want to replicate the same fu...

What is wrong with my Angular code? I am getting the following error: Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass <ol> <li *ngClass="{active: step==...

How and where can one use ::ng-deep in Angular 4? Actually I want to overwrite some of the CSS properties of the child components from the parent components. Moreover is it supported on IE11?

I have a number of elements that I want to be visible under certain conditions. In AngularJS I would write <div ng-show="myVar">stuff</div> How can I do this in Angular 2+?

currently, i am practiced angular 4. when a normal user view this then show public content When A Registered user enter the web page then show edit or some content. how to the best practices show c...

I tried lots and search numbers of time but I didnt get any solution to disable click on div element. Already question has been asked but they are saying not possible on divs and I want to know onl...

Can I comment attribute inside html markup? I need to do something like that: <hero-detail <!--comments goes here--> hero="currentHero"> </hero-detail> But this does not wo...

I have a child component which takes type as an input child component : export enum PersonTypes { MALE = 'male', FEMALE = 'female' } @Component({ selector: 'app-child' }) export class ChildCompo...

I'm trying to make animation callback in angular, and got type error which is easily can be suppressed with type any. I want to understand why AnimationEvent is not accepted by typescript. My compo...

Is it possible to write reusable ng-template? A lot of my components use exactly the same ng-template. For example: <kendo-grid> <kendo-grid-column field="group"> <ng-template ken...

I'm in a bind here. Working on refactoring the HTML of a rather messy pile of angular components and their templates. The catch is that in one particular case, I can't have a parent element in the ...

When ever there is a template error in angular 2, the entire application fails to work. Shouldn't only the component that had the template that caused the error, fail to work and the rest of the a...

<input matInput placeholder="DD/MM/YYYY" [matDatepicker]="picker" class="modifyDate" NoSpecialChar ngModel #dateCtrl="ngModel" name="datepicker" (click)="picker.open()" id="dtDeparture" required...

In Angular 6/7, I have a component into which I am projecting content like so (ParentComponent template): <my-component [templateNames]="['t1', 't2']"> <ng-template name="t1">...</...

Given the following array in component property groups: [ { "name": "pencils", "items": ["red pencil","blue pencil","yellow pencil"] }, { "name": "rubbers", "items": ["big rubber","small ru...

How to declare a dynamic template reference variable inside a ngFor element? I want to use the popover component from ng-bootstrap, the popover code (with Html binding) is as shown: <ng-template...