Антон Швец

auditTime

Повесь обычные обработчики click, проверяешь ссылку, если она локальная, делаешь router.navigateByUrl иevent.preventDefault

Директиву routerLink бесполезно вешать, шаблоны ангуляра только кажутся похожими на html, это код, который компилируется в js. А в живом html директивы не работают.

И еще не надо впрямую присваивать innerHTML, прочитай это https://angular.io/guide/security
Достаточно использовать директиву [innerHTML]

https://angular.io/tutorial/toh-pt4#services

На данный момент у вас компоненты ничего не возвращают, поэтому собрать с них ничего нельзя.
Что внутри компонентов? Если там есть Output надо его использовать.

Вообще оборачивать каждую мелочь в компонент и лепить кучу вложенных тэгов не нужно. Зачем столько дивов с уловиями?

Это вообще не так все делается.

В компоненте b2b-acquiring есть метод, который отправляет запрос на сервер

Этим должен заниматься сервис, компоненты это классы-представления, там не должно быть работы с данными.
В сервисе есть сабжект с данными и метод запроса данных, которая возвращает обсервабл, по пути еще кидая данные в сабжект.
Первый компонент дергает метод и подписывается на него, тем самам запуская его на исполнения.
Второй компонент подписан на сабжект, лучше всего через async пайп.

@Output() в первом компоненте если хотите использовать, то он должен показывать не данные, а событие по которому родительский компонент запросит данные.

коротко https://www.bxnotes.ru/conspect/lib/angular/angula...
нормально https://medium.com/claritydesignsystem/ng-content-...

У вас проблема в том, что вы методы объекта пытаетесь объявить внутри конструктора. Ангуляр тут не виноват.

Реализация:

import { Directive, TemplateRef, ViewContainerRef, OnInit, ElementRef, HostListener, Renderer2, HostBinding } from '@angular/core';

@Directive({
  selector: '[appHover]',
})
export class HoverDirective implements OnInit {
  content: NodeList;

  constructor(
    private el: ElementRef<HTMLElement>,
    private renderer: Renderer2,
  ) { }

  @HostListener('mouseenter') show() {
    this.content.forEach(node => this.renderer.setStyle(node, 'display', ''));
  }

  @HostListener('mouseleave') hide() {
    this.content.forEach(node => this.renderer.setStyle(node, 'display', 'none'));
  }

  ngOnInit() {
    this.content = this.el.nativeElement.childNodes;
    this.hide();
  }
}

result.data['rates']
А вообще надо как бы типы описывать. Ts считает что result.data у вас это пустой объект.
setTimeout тут не причем, это ошибка компиляции typescript.

Не знаю почему вас редиректит, видимо ошибка где-то перехватывается. ngOnInit в компоненте должен бросать эксепшн у вас.

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

Далее, делать валидатор через сервис, реализующий AsyncValidator смысла не вижу, в примерах его используют для создания директив. В вашем примере в директиву провайдится валидатор с помощью токена NG_ASYNC_VALIDATORS.
Можно наверно заюзать AsyncValidator и для компонента (типа реализующего ControlValueAccessor), но нужно будет тоже провайдить указывая токен (но это не точно). Обычно в этом просто нет нужды.

Для простой асинх валидации можно использовать функцию-фабрику валидатора, который берет зависимости от компонента.
Вот так https://ng-run.com/edit/DDaBjbxR39I7DIImTg0n

Да, и еще. Ваш валидатор будет делать запросы на каждый вводимый в форму символ. Чтобы этого избежать, нужно указать updateOn.

https://github.com/angular/angularfire2
какая еще инфа нужна?

1 компонент - 1 модуль, вполне нормальное решение. Конечно у них должно быть одно имя, а не "Shared2" и глупые компоненты тоже в этот модуль.

Частоиспользуемые уже можно собрать в Shared, как правило он один на проект или на раздел. Если в нем подгрузится несколько неиспользуемых в текущем лейзи модуле - ничего страшного.

Не надо вам cors на бэке добавлять без нужды. Настройте прокси https://github.com/angular/angular-cli/blob/master...

конкретно для вас - создать файл proxy.conf.json с содержимым

{
  "/api": {
    "target": "http://localhost:8888",
    "secure": false
  }
}

запускать как
"start": "ng serve --proxy-config proxy.conf.json"

ну и сервер должен принимать все апишные запросы как /api/чето там

https://stackblitz.com/edit/angular-vnskip