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)
  }

ganqqwerty

resolveProduct(code: string): Observable<any> {
    if (this.cache[code]) {
      console.log('Returning cached value!')
      return this.cache[code];
    }
    
    console.log('Do the request again')
    this.cache[code] = this.http.get(this.URL+code+'.json').pipe(
      shareReplay(1),
      catchError(err => {

ganqqwerty

<my-product code="7613034626844"></my-product>
<my-product code="7613034626844"></my-product>
<my-product code="7613034626844"></my-product>

ganqqwerty

@Component({
  selector: 'my-app',
  template: `<my-product code="7613034626844"></my-product>
  <my-product code="7613034626844"></my-product>
  <my-product code="7613034626844"></my-product>`,
})
export class AppComponent  {

}

ganqqwerty

@Component({
  selector: 'my-product',
  template: `
<pre *ngIf="code">
  {{(result$|async)|json}}
</pre>
`,
})
export class ProductComponent  {
  @Input()

ganqqwerty

npm run i18n && ng build --base-href / --aot --prod --stats-json

ganqqwerty

export class IconsModule {
  constructor(library: FaIconLibrary) {
    library.addIconPacks(far);
    library.addIconPacks(fas);
    library.addIconPacks(fasPro);
  }
}

ganqqwerty

<fa-icon [icon]="['fas', 'coffee']" size="xs"></fa-icon>

ganqqwerty

export class ProductService {
  
  private readonly URL = 'https://world.openfoodfacts.org/api/v0/product/';

  constructor(private http: HttpClient) {
  }

  cache = {};