Armenvardanyan95

of(1, 2, 3).pipe(toArray()).subscribe(console.log);

Armenvardanyan95

withLatestFrom(this.control.valueChanges.pipe(startWith(null)));

Armenvardanyan95

@Component({
  selector: 'my-component',
  template: '<div><input [formControl]="control"/></div>',
})
export class MyComponent implements OnInit {
  control = new FormControl('');

  ngOnInit() {
    fromEvent(document.body, 'click').pipe(
      withLatestFrom(this.control.valueChanges),

Armenvardanyan95

class ActionNames {
  private static names = new Set<string>();

  static create(name: string): string {
    if (ActionNames.names.has(name)) {
      throw new Error('An Action with this type already exists!');
    }
    ActionNames.names.add(name);
    return name;
  }

Armenvardanyan95

const loadData = createAction('[Home Page] Load Data');
const loadDataSuccess = createAction(
  '[Home Page] Load Data',
  props<{payload: object}>(),
);

const _dataReducer = createReducer(
  {},
  on(loadDataSuccess, (state, {payload}) => ({...state, ...payload})),
);

Armenvardanyan95

export class BaseComponent {
  @Input() something = '';
}

@Component({
  selector: 'my-selector',
  template: 'Empty',
  inputs: ['something'],
})
export class InheritedComponent extends BaseComponent {

Armenvardanyan95

export class BaseComponent {
  @Input() something = '';
}

@Component({
  selector: 'my-selector',
  template: 'Empty',
})
export class InheritedComponent extends BaseComponent {
  // actual class implementation

Armenvardanyan95

this.control.disable({emitEvent: false});

Armenvardanyan95

@Component({
  selector: 'my-component',
  template: `
    <input [formControl]="control">
    <button (click)="toggleEnabledState()">Toggle State</button>
  `,
})
export class MyComponent implements OnInit {
  control = new FormControl('Default Value');

Armenvardanyan95

(value: string) => this.ngControl.control.setValue(value.trim(), {emitEvent: false}),