ng-template

This question already has an answer here: Passing ngFor variable to an ngIf template 3 answers I am trying to build this template: <ul> <li *ngFor='let link of links'> <ng-container *ngIf="link.type == 'complex'; then complexLink else simpleLink"></ng-container> </li> </ul> <ng-template #simpleLink> ... {{ link.some_property }} </ng-template> <ng-template #complexLink> ... {{ link.some_property }} </ng-template> The problem is that the link variable is undefined inside the ng-template so I get an error of accessing 'some_property' of undefined. I am struggeling to understand how I pass the

I've a checkout page where the user has to login before he can proceed. The user can be logged on already. In every scenario I want to show a spinner when the component detects if the users logged in our not. The check-out.html code looks like: <div *ngIf="showSpinner"> <app-spinner></app-spinner> </div> <div *ngIf="auth.user | async; then authenticated else guest"> <!-- template will replace this div --> </div> <!-- User NOT logged in --> <ng-template #guest> <div *ngIf="auth.user == null" class="call-to-action"> login buttons... </div> </ng-template> <!-- User logged in --> <ng-template

In Angular2, I need to duplicate a node rather than moving it in some cases. That node has angular2 properties so cloneNode doesn't work. How can I do it? *what doesn't work let el = <HTMLElement>document.getElementById(divId); if ((<HTMLElement>el.parentNode).id == 'itsMe') el = <HTMLElement>el.cloneNode(true); document.getElementById(anotherId).appendChild(el); *what would work, from Angular2: Cloning component / HTML element and it's functionality @Component({ selector: 'my-app', template: ` <template #temp> <h1 [ngStyle]="{background: 'green'}">Test</h1> <p *ngIf="bla">Im not visible</p> <

How is the following keyword used in angular2 ng-templates What is the purpose of $implicit in angular 2 templates? What is relationship between let-<attribute> and $implicit ? You can define local variable on ng-template through let-name When angular creates template by calling createEmbeddedView it can also pass context that will be used inside ng-template Using the key $implicit in the context object will set it's value as default. So if we write: vcRef.createEmbeddedView(template, { $implicit: 'value' }) and we have template <ng-template let-foo> {{ foo }} </ng-template> then we can think