Дима Долготер
Отрадно видеть устремленного в высь человека :)
1. Как заметил товарищ, ангуляр материалс - это просто набор компонентов. Скажу по опыту, хороших компонентов. Просто эдакие кубики, как , например.
2. Для освоения ангуляра потребуется чтение официальной доки angular.io. Я в свое время начинал с https://metanit.com/web/angular2/.
Насчет видеоуроков соглашусь немного. Тебе будет сложно найти "ИМЕННО ТОТ САМЫЙ" видеоурок. Их просто напросто очень много. Лучше начни с документации, а по мере возникновения вопросов ищи конкретно.

p.s. таблички делать - это хорошо ))

Добавлю про сам фильтр, ибо Alex уже высказался об общей концепции.

Если данных для таблицы много, то для фильтра отправляй каждый раз запрос на сервер.
Если данных столько, что ты их видишь всегда сразу, то фильтруй просто в компоненте. *ngFor поможет.

Тебе потребуется знание bananaInTheBox [(ngModel)] https://angular.io/api/forms/NgModel

Привет.
Буду опираться на твой же код.

Реализация данного интерфейса позволяет ангуляровской форме взаимодействовать с кастомным компонентом. В метод

writeValue(value: any) {
   this.formControlName = value;
  }

прокидывается то значение, которое ты передаешь в formControlName. Заметь, это не Binding, как между компонентами. Чтобы значение передалось надо сказать форме прямо и конкретно

form.setValue({email: "email", password: 'passworddd'})
// или 
form.patchValue({email: "email"})

А чтобы динамически считать значение, которое ты прокинешь через функцию this.propagateChange(val) , надо уже работать с изменением формы

this.filterForm.valueChanges
      .pipe(
        takeUntil(this._onDestroy$)
      )
      .subscribe((val) => {
       console.log(val);
      });

И ты пойми что же ты хочешь. Прокидывать параметры в компонент (binding) или прокидывать значение формы в компонент (ControlValueAccessor).

p.s. напиши в своем коде, и посмотри как в консоль валятся значения формы из уже дочернего компонента.

initForm() {
    this.SignupReactiveForm = this.fb.group({
      password: ['password', [
        Validators.required,
        Validators.pattern(/[A-z]/)
      ]
      ],
      email: ['email', [
        Validators.required, Validators.email
      ]
      ],
      

    });
  }

}