Антон Швец

function getClickFunction(elementId) {
  return () => document.getElementById(elementId).style.display = "block";
}
link.onclick = getClickFunction('modal');
link2.onclick = getClickFunction('modal2');

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

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

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

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

Всего то надо перейти на современный js

for (let i = 0; i < 10; i++) {
  let testNum = 0;
  const test = setInterval(function() {	
    if (++testNum == 10) {
      clearInterval(test);
    }
  }, 100);
}

объяснять нужно почему так?

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

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

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

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

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

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

<table>
<tr id="weekRow">
</tr>
</table>

(() => {
  const weekRow = document.getElementById('weekRow');
  let date = new Date();
  Array.from(Array(7), () => document.createElement('td'))
    .forEach(td => {
      td.textContent = date.toLocaleString('ru', {
        weekday: 'short'
      });
      date.setDate(date.getDate() + 1);
      weekRow.appendChild(td);
    });
})();

Положить пресловутый bootstrap.min.css рядом с index.html и загрузить его в link, очевидно же.
Ну или по взрослому заморочиться системой сборки шаблонов.

То что вы его установили с помощью npm значит лишь то, что в node_modules окажется соответствующая папка, но это модули сервера, а на фронт пойдет что экспресс покажет.

sendFile вы делаете зря, поставьте express-static
https://expressjs.com/ru/starter/static-files

Как вообще узнать что в таком месяце 28 дней, в таком 30 или 31?

месяцы от 1 до 12

/** число дней */
function daysInMonth (month, year) {
    return new Date(year, month, 0).getDate();
}
/** день недели 1 числа месяца */
function getFirstDayOfMonth (month, year) {
    return new Date(year, month, 1).toLocaleString('ru', { weekday: 'long' });
   // если просто номер
   // return new Date(year, month, 1).getDay();
}

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

Мыслите более обобщенно. Есть два текстовых документа волею судеб имеющих расширение html. Надо с одного передать информацию на другой, как это можно сделать?

Способ 1: Создавать эти документы с помощью программы. Т.е. страница 1 при изменении своего статуса отправляет пользователя по ссылке, содержащей нужную информацию, программа получив ссылку слегка изменяет страницу 2.
Эта программа назвается бэкенд. Вам нужен бэкенд с шаблонами и обработкой форм.

Способ 2: Страница одна, но отображаемый контент изменяется прямо в браузере с помощью программы, встроенной в страницу. По нажатию на ссылку программа меняет отображаемый контент нужным образом.
Эта программа называется фронтенд, это изменит сам сайт, нужно уметь делать SPA хотя бы чуть-чуть.

Способ 3: При нажатии на ссылку в странице 1 программа может запомнить это действие и сохранить его где-нибудь в браузере пользователя. При отрытии страницы 2 другая программа может пойти проверить хранилище и изменить select так, чтобы соответствовало.
В этом случае вам нужно два маленьких скрипта на странице 1 и странице 2, и хранилище в браузере, например кукисы или localStorage.

Нет таких случаев когда бы goto понадобился и в языке его нет. Учитесь писать код.
Конкретно в вашем случае непонятно что вы хотите, это никуда не годится. Тут блин только goto не хватает для полного....

Тестирование, typescript, сложные формы с изменяемой схемой валидации, просто большой проект с сотнями компонентов и множеством связей.

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

Реализация:

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.