ganqqwerty

<ng-container *ngIf="
  {
    obs1: obs1$ | async,
    obs2: obs2$ | async,
    obs3: obs3$ | async
  } as observables">
    <!--    already expanded observable!-->
    {{observables.obs1}}
</ng-container>

ganqqwerty

  <ng-container *ngIf="isCompetenceCatalogEditor$ | async">
    <ng-container *ngIf="offers$ | async as offers">
      <ng-container *ngIf="products$ | async as products">
        <!--something here-->
      </ng-container>
    </ng-container>
  </ng-container>

ganqqwerty

<ng-container *ngIf="products$ | async as products">
  <div> All products: {{products.join(',')}}</div>
  <div> First product: {{products[0]}}</div>
  <div> Last product: {{products[products.length] }}</div>
</ng-container>

ganqqwerty

<ng-container *ngIf="isCompetenceCatalogEditor$ | async">
  <div> some content</div>
  <div> some more content</div>
  <div> some more more content</div>
</ng-container>

ganqqwerty

  <div *ngIf="isCompetenceCatalogEditor$ | async"> some content</div>
  <div *ngIf="isCompetenceCatalogEditor$ | async"> some more content</div>
  <div *ngIf="isCompetenceCatalogEditor$ | async"> some more more content</div> 

ganqqwerty

@Component({
  selector: 'app-totoro',
  template: `<pre>{{totoroDetails$ | async | json}}</pre>`,
})
export class TotoroComponent implements OnInit {
  totoroDetails$: string;
  constructor(private http: HttpClient) {
     
  }
  ngOnInit() {

ganqqwerty

@Component({
  selector: "app-totoro",
  template: `
    <pre>{{ totoroDetails | json }}</pre>
  `
})
export class TotoroComponent implements OnInit, OnDestroy {
  totoroDetails: string;
  subscription: Subscription<any>;
  constructor(private http: HttpClient) {}

ganqqwerty

/** @type {string} */
var a;

/** @type {number} */
const Pi;

/** @type {boolean} */
let isChecked;

ganqqwerty

/**
 * @param {number} a
 * @param {number} b
 * @return {number}
 */
function sum(a, b) {
  return a+b;
}

ganqqwerty

import { faBalanceScale } from '@fortawesome/pro-solid-svg-icons';
import { faBan } from '@fortawesome/pro-regular-svg-icons';

export class IconsModule {
  constructor(library: FaIconLibrary) {
    library.addIcons(
      faBalanceScale,
      faBan,
      //... and the rest of icons)
  }