ganqqwerty

function emailConditionallyRequiredValidator(formControl: AbstractControl) {
  if (!formControl.parent) {
    return null;
  }
  
  if (formControl.parent.get('myCheckbox').value) {
    return Validators.required(formControl); 
  }
  return null;
}

ganqqwerty

this.myForm.get('myCheckbox').valueChanges
    .subscribe(value => {
        this.myForm.get('myEmailField').updateValueAndValidity();
    });

ganqqwerty

/**
 * makes the field required if the predicate function returns true
 */
function requiredIfValidator(predicate) {
  return (formControl => {
    if (!formControl.parent) {
      return null;
    }
    if (predicate()) {
      return Validators.required(formControl); 

ganqqwerty

function conditionalValidator(predicate, validator) {
  return (formControl => {
    if (!formControl.parent) {
      return null;
    }
    if (predicate()) {
      return validator(formControl); 
    }
    return null;
  })

ganqqwerty

// For example, you can pass multiple validators composed with Validator.compose
// if the myTextField has the word 'Illuminati'
conditionalValidator(() => this.myForm.get('myTextField').value.includes('Illuminati'),
  Validators.compose([
    Validators.required,
    Validators.pattern(/.*mason.*/)
  ])
)

ganqqwerty

import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import { HttpClient, HttpParams } from '@angular/common/http';

@Injectable({
  providedIn: 'root'
})
export class ProductService {
  
  private readonly URL = 'https://world.openfoodfacts.org/api/v0/product/';

ganqqwerty

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

  constructor(private http: HttpClient) {
  }

  cache = {};

ganqqwerty

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

ganqqwerty

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

ganqqwerty

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