Yuri Katkov ganqqwerty
ganqqwerty
/ caching-article-first-attempt-service.ts
Last active
September 25, 2019 14:48
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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
/ app.component.ts
Last active
June 19, 2019 21:14
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // 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
/ app.component.ts
Last active
June 19, 2019 13:52
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function conditionalValidator(predicate, validator) { | |
| return (formControl => { | |
| if (!formControl.parent) { | |
| return null; | |
| } | |
| if (predicate()) { | |
| return validator(formControl); | |
| } | |
| return null; | |
| }) |
ganqqwerty
/ app.component.ts
Last active
June 19, 2019 07:07
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * 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
/ app.component.ts
Created
June 18, 2019 18:14
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| this.myForm.get('myCheckbox').valueChanges | |
| .subscribe(value => { | |
| this.myForm.get('myEmailField').updateValueAndValidity(); | |
| }); |
ganqqwerty
/ app.component.ts
Last active
June 19, 2019 07:00
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function emailConditionallyRequiredValidator(formControl: AbstractControl) { | |
| if (!formControl.parent) { | |
| return null; | |
| } | |
| if (formControl.parent.get('myCheckbox').value) { | |
| return Validators.required(formControl); | |
| } | |
| return null; | |
| } |
ganqqwerty
/ app.component.ts
Created
June 18, 2019 14:01
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| this.myForm = this.fb.group({ | |
| myCheckbox: [''], | |
| myEmailField: ['', [ | |
| Validators.maxLength(250), | |
| Validators.minLength(5), | |
| Validators.pattern(/.+@.+\..+/), | |
| emailConditionallyRequiredValidator | |
| ]] | |
| }) |
ganqqwerty
/ app.component.ts
Last active
June 18, 2019 13:42
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function emailConditionallyRequiredValidator(formGroup: FormGroup) { | |
| if (formGroup.value.myCheckbox) { | |
| return Validators.required(formGroup.get('myEmailField')) ? { | |
| myEmailFieldConditionallyRequired: true, | |
| } : null; | |
| } | |
| return null; | |
| } |
ganqqwerty
/ app.component.ts
Created
June 18, 2019 13:31
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| this.myForm = this.fb.group({ | |
| myCheckbox: [''], | |
| myEmailField: ['', [ | |
| Validators.maxLength(250), | |
| Validators.minLength(5), | |
| Validators.pattern(/.+@.+\..+/) | |
| ]] | |
| }, { | |
| validators: [emailConditionallyRequiredValidator] // <----- | |
| }); |
ganqqwerty
/ app.component.ts
Last active
June 19, 2019 21:18
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| this.myForm = this.fb.group({ | |
| myCheckbox: [''], | |
| myEmailField: ['', [ | |
| Validators.maxLength(250), | |
| Validators.minLength(5), | |
| Validators.pattern(/.+@.+\..+/) | |
| ]] | |
| }, { | |
| validators: [emailConditionallyRequiredValidator] // <----- | |
| } |