Виталий Кадыров

Вот пример

<my-element></my-element>

<script>
  class MyElement extends HTMLElement {
    constructor() {
      super();
      this.attachShadow({ mode: 'open' });
      this.shadowRoot.innerHTML = `
        <input type="checkbox" id="myCheckbox">
      `;
    }
  }

  customElements.define('my-element', MyElement);
</script>
// Находим элемент, который содержит shadowRoot
const myElement = document.querySelector('my-element');

// Получаем доступ к shadowRoot
const shadowRoot = myElement.shadowRoot;

// Находим чекбокс внутри shadowRoot
const checkbox = shadowRoot.querySelector('#myCheckbox');

// Эмулируем клик на чекбоксе
checkbox.click();

Как ответил Ghoull - принципиальной разницы немного, но в более свежих версиях добавлена оптимизация например NgOptimizedImage(для lazy load например) и standalone компоненты(с флагом в настройках - без создания модуля для него) - таких фишек хватает - поэтому курсы по 15-16му лучше -> или проходи более старые, НО смотри депрекейты и фичи - что добавлено в новых

Сделай удобнее - у меня примерно такая же навигация с lazy loading сделана и пакет ngx-translate, в json переводах задай филды на английском с переводом и во вьюхе их переводи - вот пример ->

Очень просто - вот мой образец эффекта при авторизации

и вся соль в том - что сам эффект по дэфолту должен вернуть экшен, например return of({ type: ''some action }), так как на скрине в секции catchError; исключение - если диспатчить экшен не надо(на скрине в настройке эффекта надо выставить флаг dispatch: false, тогда экшен по сути станет void процедурой; если не указано обратное, то эффект ждет на возврате экшен.

Доброго времени суток! Однозначно ошибка разработки.

Доброго времени суток-))) Очень просто -> через декоратор ViewChild получаете доступ к элементу, например вот так "@ViewChild(li) li: ElementRef" в классе компонента и на своем элементе ставите атрибут "#li". После этого, например в хуке ngAfterViewInit убираете/замещаете/удаляете атрибут "this.li.nativeElement.removeAttribute('title')" - в случае изменения заменяете removeAttribute на setAttribute со значением

Очень просто - вот тут(https://angdev.ru/doc/angular-animation-part-1/) - т е вы пишите анимации со всеми мелочами и при инициализации страницы(компонента) ее включаете - она будет одноразовая, но если например через IntersectionObserver API или HostListener отследить скролл до верха страницы, то можно коллбеком запускать заново.

Скорее всего у вас на других страницах не инициализируется обработчик, вернее инициализируется когда страница еще не загружена или карточек на ней нет. Решение - положите скрипт в корневую старницу или дублируйте на всех где есть ваши карточки

Проставьте или добавьте в условие сравнение с undefined в кавычках.

Возможно я не подскажу именно по Vue, но в ангуляре для этого есть resolver - возможно во Vue тоже есть, также если организован стейт менеджмент, например NgRx - то в стейтах тоже есть сайд эффект роутинга где собственно и можно отследить до, после и момент перехода и т д

Вы можете извлечь их и без перебора - по индексу - например -> request.response.daily[0].moonrise а если индексы будут приходить рандомно - то filter js вас спасет - и в фильтре условие, например наличие поля в объекте.

У вас в конце поста ответ - в таком случае сделайте поля необязательными, либо принимайте частично объект через Partial в вашем случае

Для этого у router есть Observable events - где есть например NavigationEnd -> подробнее в доках (https://angular.io/api/router/RouterEvent) - где можно подписаться и через RxJs операторы не только отследить, а скомбинировать любой кейс и собственно на него реагировать.

Ответ может быть банален до безобразия - такая подсветка говорит скорее всего о том что в модуле вы не задекларировали и не заимпортили директиву

Очень просто - отслеживайте скролл через HostListener или как я делал пагинацию со скроллом используйте IntersectionObserver API и при инициализации страницы через *ngIf не показывайте невидимую часть контента. При использовании IntersectionObserver выставьте в верстке прозрачные блоки по пикселю(это обязательно - с нулевой высотой не сработает) между вашими секциями на странице и точно также через *ngIf меняйте флаг при скролле на трушный. А чтобы при перезагрузке оставаться в том же месте в ангуляре надо заюзать хэша в урле и точно также по нимскроллить до того момента где юзер остановился. Тут я даже два способа написал на выбор - но в обоих без структурных директив не обойтись - разница в способах контроля скролла.