Телеграмм чат группы ngSoviet страница 28338

15:09пожаловаться #1

Вキ

    protected valueChanges<T>(
        form: FormGroup
    ): Observable<T> {
        return concat(
            defer(() => of(form.value)),
            form.valueChanges
        );
    }

👀

лучше написать AbstractControl, потому что это даст возможность принять и FormGroup, и FormControl и FormArray

15:10пожаловаться #2

лучше написать AbstractControl, потому что это даст возможность принять и FormGroup, и FormControl и FormArray

Просто почему-то не работает. Пытаюсь понять, почему.
concat нужно импортировать из rxjs/operators или просто 'rxjs' ?

15:12пожаловаться #3

Вキ

Просто почему-то не работает. Пытаюсь понять, почему.
concat нужно импортировать из rxjs/operators или просто 'rxjs' ?

из rxjs

15:12пожаловаться #4

Вキ

defer и of тоже из rxjs

15:12пожаловаться #5

Ну да, я так и делаю, но почему-то значения формы в distinctUntillChanged всё равно не отличаются (предыдущее от текущего). Предыдущее просто получает сразу значение текущего и из-за этого компаратор не отрабатывает правильно

15:14пожаловаться #6

    ngOnInit(): void {
        const { currentUser } = this.usersService;
        this.itemsService.getItems(currentUser)
            .subscribe(items => {
                this.form = new FormGroup({
                    entities: new FormArray(
                        items.map(
                            item => {
                                return new FormControl({...});
                            }
                        )
                    )
                });
                const initial: IEntities = {
                    entities: ...
                };
                
                this.valueChanges<IEntities>(this.form)
                    .pipe(
                        startWith(initial),
                        debounceTime(800),
                        distinctUntilChanged(this.isFormValueChanged)
                    )
                    .subscribe((formValue: IEntities) => {
                        console.log('formValue: ', formValue);
                    });
            });
    }

15:18пожаловаться #7

(нет, контекст у isFormValueChanged не потерялся)

15:18пожаловаться #8

Вキ

    ngOnInit(): void {
        const { currentUser } = this.usersService;
        this.itemsService.getItems(currentUser)
            .subscribe(items => {
                this.form = new FormGroup({
                    entities: new FormArray(
                        items.map(
                            item => {
                                return new FormControl({...});
                            }
                        )
                    )
                });
                const initial: IEntities = {
                    entities: ...
                };
                
                this.valueChanges<IEntities>(this.form)
                    .pipe(
                        startWith(initial),
                        debounceTime(800),
                        distinctUntilChanged(this.isFormValueChanged)
                    )
                    .subscribe((formValue: IEntities) => {
                        console.log('formValue: ', formValue);
                    });
            });
    }

startWith теперь не нужен

и что в isFormValueChanged?

15:19пожаловаться #9

startWith теперь не нужен

и что в isFormValueChanged?

там

protected isFormValueChanged = (prevs, currs) => {
  let hasntChanged = true;
  for (let i = 0; i < prevs.entites.length; i++) {
    const prev = prevs.entities[i];
    const curr = currs.entities[i];
    if (prev.value !== curr.value) {
        hasntChanged = false;
        break;
    }
  }
  return hasntChanged;
}

15:22пожаловаться #10

startWith теперь не нужен

и что в isFormValueChanged?

startWith убрала, но результат тот же

15:23пожаловаться #11

Вキ

там

protected isFormValueChanged = (prevs, currs) => {
  let hasntChanged = true;
  for (let i = 0; i < prevs.entites.length; i++) {
    const prev = prevs.entities[i];
    const curr = currs.entities[i];
    if (prev.value !== curr.value) {
        hasntChanged = false;
        break;
    }
  }
  return hasntChanged;
}

Для начала, я думаю, что return hasntChanged; должно было быть после фигурной скобочки

15:23пожаловаться #12

Для начала, я думаю, что return hasntChanged; должно было быть после фигурной скобочки

оно после. Это здесь опечаталась

15:24пожаловаться #13

Вキ

там

protected isFormValueChanged = (prevs, currs) => {
  let hasntChanged = true;
  for (let i = 0; i < prevs.entites.length; i++) {
    const prev = prevs.entities[i];
    const curr = currs.entities[i];
    if (prev.value !== curr.value) {
        hasntChanged = false;
        break;
    }
  }
  return hasntChanged;
}

а если аргументам проставить типы явно prevs: IEntities, currs: IEntities, то никаких ошибок не будет подсвечено?

15:28пожаловаться #14

а если аргументам проставить типы явно prevs: IEntities, currs: IEntities, то никаких ошибок не будет подсвечено?

явно прописаны, я просто здесь упростила

15:28пожаловаться #15

Вキ

явно прописаны, я просто здесь упростила

сможешь сделать stackblitz, чтобы можно было потыкать проблему?

15:29пожаловаться #16

сможешь сделать stackblitz, чтобы можно было потыкать проблему?

попробую

15:30пожаловаться #17