Угловой канал 6 - rxjs не работает на valueChanges - PullRequest
Новая
       22

Угловой канал 6 - rxjs не работает на valueChanges

0 голосов
/ 24 мая 2018

У меня есть реактивная форма, с вводом текста.Для простоты доступа в моей машинописи я объявил: 

get parentId(): FormControl {
    return this.addForm.get("parentId") as FormControl;
}

Эта часть работает, элемент управления правильно доступен.

Теперь в моем ngOnInit, если я сделаю это: 

this.parentId.valueChanges.subscribe(() => console.log("Changed"));

Журнал консоли выполняется при каждом изменении символа во вводе, как и ожидалось.Но если я сделаю это: 

this.parentId.valueChanges.pipe(tap(() => console.log("Changed")));

Ничего не произойдет.Нет ошибок, нет ничего.Я пробовал также использовать карту, SwitchMap и т. Д. Ничего не работает.Кажется, что труба не работает на valueChanges.Я использую метод pipe в другом месте моего кода на разных наблюдаемых без проблем.

И мне нужно использовать трубу здесь для того, чтобы отсеивать, отображать и т. Д.

Любая идея, что я 'не так?

- Редактировать -

Это пример кода с сайта Angular Material, на компоненте автозаполнения: 

ngOnInit() {
   this.filteredOptions = this.myControl.valueChanges
       .pipe(
          startWith(''),
          map(val => this.filter(val))
       );
}

Нет подписки наконец и пример работает.

1 Ответ

0 голосов
/ 02 июня 2018

Вам нужно подписаться, чтобы активировать заметное, 

ngOnInit() {
   this.filteredOptions = this.myControl.valueChanges
       .pipe(
          startWith(''),
          map(val => this.filter(val))
       ).subscribe();
}
...