Роман Петерсон

Тоже не могу понять, но у меня какие-то смутные сомнения из-за ваших стрелочных функций в качестве членов класса, хотя вроде это вполне законно. А если потрейсить this._timeoutId перед clearTimeout(this._timeoutId); ? Вдруг он null?

За пару недель разберётесь. C# простой язык, Юнити - простая платформа, её популярность обусловлена как раз низким порогом вхождения. Мануалов и туториалов - океан. Так что смело влезайте во всё это.

Сафари всё время отстаёт в реализации некоторых фишек CSS. Последний раз я сталкивался с чем-то подобным в мобильном Сафари - он просто игнорировал некоторые стили при позиционировании. Возможно, в вашем случае происходит то-же самое. Попробуйте прописать этот bottom:10px жёстко в CSS-файле.
Т.е. скорее всего проблема не в jquery.

Как написали выше, чаще всего следить надо не за самим элементом а за данными, которые на него влияют. Но если всё-таки надо (например если нужно дождаться загрузки внутренностей стороннего компонента), то можно сделать костыль - например, по таймауту опрашивать нативный элемент:

1) В темплейте дайте элементу id с решёткой:
< div #myElement >...< /div >

2) В коде компонента получите доступ к этому элементу:
@ViewChild('myElement')
public myElement: ElementRef;

3) По таймеру проверяйте какое-нибудь свойство у JS-модели элемента (его размеры или наличие у него дочерних элементов):
let rect = this.container.nativeElement.getBoundingClientRect();
if (rect.width > 0) {
console.log('Что-то изменилось!');
}

Правильное решение - сделать Guard и подсунуть его во все защищаемые роуты параметром canActivate:

{ path: 'page1', component: Page1Component, canActivate: [AppGuard] },

В самом Guard'е есть метод canActivate() который и решает, можно ли сейчас войти в данный роут. Если нельзя, то метод должен вернуть false - но перед этим дёрнуть this.router.navigate(['/loginPage']);
Т.е. редирект происходит внутри гварда.

Подробнее о гвардах например здесь: metanit.com/web/angular2/7.7.php