cgatian

<div *ngFor="let userName of usersName$ | async">
  {{ userName }}
</div>

cgatian

import { Component } from '@angular/core';
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';

import { UsersGQL } from '../generated/types.graphql-gen';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']

cgatian

query Users {
  users {
    data {
      name
    }
  }
}

cgatian

overwrite: true
schema: "schema.graphql"
documents: "src/**/*.graphql"
generates:
  src/generated/types.graphql-gen.ts:
    plugins:
    - "typescript"
  src/generated:
    preset: near-operation-file
    presetConfig:

cgatian

@Component({
  selector: 'my-app',
  template: `
        <ng-template cdkPortal #testTemplate="cdkPortal" let-name>
          <div>User {{ name }} </div>        
        </ng-template>`,
})
export class AppComponent implements OnInit {
    @ViewChild('testTemplate') testTemplatePortal: TemplatePortal<any>;

cgatian

@Component({
  selector: 'my-app',
  template: `
        <ng-template #testTemplate let-name>
          <div>User {{ name }} </div>        
        </ng-template>`,
})
export class AppComponent implements OnInit {
    @ViewChild('testTemplate') testTemplate: TemplateRef<any>;
    private portalHost: DomPortalHost;

cgatian

@Component({
    selector: 'my-app',
    template: `
        <ng-template #testTemplate let-name>
          <div>User {{ name }} </div>        
        </ng-template>`
})
export class AppComponent implements OnInit {
    
private componentRef;

cgatian

@Component({
    selector: 'app-test',
    template: `
        <ng-content [cdkPortalHost]="_portalInstance"></ng-content>
        <ng-template cdkPortal #cartCount>
           <div>Hello World</div>
        </ng-template>
    `
})
export class TestComponent implements OnInit {

cgatian

@Component({
    selector: 'app-test',
    template: `
        <ng-content [cdkPortalHost]="_portalInstance"></ng-content>
    `
})
export class TestComponent implements OnInit {
    _portalInstance: Portal<any>;
    
    constructor() { }

cgatian

import { DomPortalHost, Portal, ComponentPortal } from '@angular/cdk/portal';

@Component({
  selector: 'my-app',
  template: '',
})
export class AppComponent implements OnInit {
    private portalHost: DomPortalHost;
    private portal: ComponentPortal<HeaderComponent>;