Camilo Muñoz jcamilom

5 followers · 5 following

Medellín, Colombia

View GitHub Profile

jcamilom / set-disabled.ts

Created September 18, 2020 04:44

	multiCheckControl = new FormControl({
	value: TEST_INITIAL_VALUE,
	disabled: true
	});
	multiCheckControl.disabled();
	multiCheckControl.enabled();

jcamilom / register-on-change.ts

Created September 18, 2020 04:43

	export class MultiCheckFieldComponent implements ControlValueAccessor {

	_onChange: (_: any) => void;

	registerOnChange(fn: any): void {
	this._onChange = fn;
	}

	private add(value: any): void {
	this.selectedValues.push(value);

jcamilom / write-value-2.ts

Created September 18, 2020 04:41

	@Component({
	selector: 'app-root',
	template: `
	<multi-check-field [formControl]="multiCheckControl">
	<simple-check-option *ngFor="let subject of subjects"
	[value]="subject" [label]="subject.label">
	</simple-check-option>
	</multi-check-field>
	<button (click)="setTestValue()">Set Test Value</button>
	Control value: <pre>{{ multiCheckControl.value \| json }}</pre>

jcamilom / write-value-1.ts

Created September 18, 2020 04:40

	writeValue(values: any[]): void {
	this.selectedValues = [];
	values = values \|\| [];
	values.forEach(selectedValue => {
	const selectedOption = this.options.find(v => v.value === selectedValue);
	selectedOption.control.setValue(true);
	});
	}

jcamilom / write-value-actions.ts

Created September 18, 2020 04:39

	multiCheckControl = new FormControl(TEST_INITIAL_VALUE);
	multiCheckControl.setValue(TEST_VALUE);
	multiCheckControl.patchValue(TEST_VALUE);

jcamilom / control-value-accessor-1.ts

Created September 18, 2020 04:37

	writeValue(obj: any): void;
	registerOnChange(fn: any): void;
	registerOnTouched(fn: any): void;
	setDisabledState?(isDisabled: boolean): void;

jcamilom / ng-value-accessor-1.ts

Created September 18, 2020 04:35

	import { Component, forwardRef } from '@angular/core';
	import { NG_VALUE_ACCESSOR } from '@angular/forms';

	@Component({
	selector: 'multi-check-field',
	providers: [
	{
	provide: NG_VALUE_ACCESSOR,
	useExisting: forwardRef(() => MultiCheckFieldComponent),
	multi: true

jcamilom / multi-check-field-usage-2.html

Created September 18, 2020 04:33

	<multi-check-field formControlName="subjects">
	...
	</multi-check-field>

jcamilom / multi-check-option-2.ts

Created September 18, 2020 04:32

	export abstract class MultiCheckOption {
	abstract value: any;
	public control = new FormControl(false);
	get valueChanges$(): Observable<boolean> {
	return this.control.valueChanges;
	}
	}

	@Component(...)
	export class SimpleCheckOptionComponent extends MultiCheckOption {

jcamilom / content-children-query-2.ts

Created September 18, 2020 04:30

	@ContentChildren(MultiCheckOption)
	options!: QueryList<MultiCheckOption>;

NewerOlder