rexar1988

{
  "root": true,
  "ignorePatterns": [
    "projects/**/*"
  ],
  "overrides": [
    {
      "files": [
        "*.ts"
      ],

rexar1988

function compose(...functions) {
  return argument => functions.reduceRight((acc, current) => current(acc), argument);
}

function pipe(...functions) {
  return argument => functions.reduce((acc, current) => current(acc), argument);
}

const users = [
  {

rexar1988

<div class="template-content">
  <ng-container [ngTemplateOutlet]="contact" [ngTemplateOutletContext]="context"></ng-container>
</div>

rexar1988

import '...';

@Component({
  selector: 'app-ng-template',
  templateUrl: './ng-template.component.html',
  styleUrls: ['./ng-template.component.scss']
})
export class NgTempalateComponent implements OnInit {
  context = {
    myFirstName: 'John Doe',

rexar1988

<ng-container [ngTemplateOutlet]="contact" [ngTemplateOutletContext]="context"></ng-container>

rexar1988

<ng-template let-firstName="myFirstName" let-greeting="greeting">
  <h2>Contact Template</h2>
  <p>Hello, I am {{ firstName }}!</p>
  <button (click)="greeting(firstName)">Show first name</button>
</ng-template>

rexar1988

<ng-template #contact>
  <h2>Contact Template</h2>
  <p>Hello, I am contact template!</p>
</ng-template>

<div class="template-content">
  <ng-container [ngTemplateOutlet]="contact"></ng-container>
</div>

<div class="template-content">

rexar1988

<ng-template>
  <h2>Hello! I am Template!</h2>
</ng-template>

rexar1988

@Component({
  selector: 'app-node-type-list',
  templateUrl: './node-type-list.page.html',
  styleUrls: ['./node-type-list.page.scss']
})
export class NodeTypeListPage implements OnInit {
  constructor(private viewContainerRef: ViewContainerRef) { }
  
  // Some code...
}

rexar1988

// Внедрение в компонент
// this.viewContainerRef это ссылка на HTML-шаблон компонента
constructor(private viewContainerRef: ViewContainerRef) { }

// Внедрение в директиву
// this.viewContainerRef это ссылка на HTML-элемент директивы,
// который можно получить с помощью свойства this.templateRef
constructor(private templateRef: TemplateRef<ElementRef>,
            private viewContainerRef: ViewContainerRef) { }