Телеграмм чат группы angular

Size: a a a

Angular - русскоговорящее сообщество

2020 April 27

Ivan Okhrimenko in Angular - русскоговорящее сообщество

Привет, подскажите, пожалуйста, как правильно проверить на браузер в роутинг модуле (в проекте SSR)?

{
    path: '',
    loadChildren:
      typeof document !== 'undefined' ?
        document.location.hostname === environment.SHORT_DOMAIN ?
          './modules/main/main.module#MainModule' :
          './modules/booking-engine/booking-engine.module#BookingEngineModule' : './modules/main/main.module#MainModule'
  }

, сейчас делаю так, но падает ошибка “document is not defined”

источник

12:20пожаловаться #1

ДМ

Денис Макаров... in Angular - русскоговорящее сообщество

Ivan Okhrimenko

Привет, подскажите, пожалуйста, как правильно проверить на браузер в роутинг модуле (в проекте SSR)?

{
    path: '',
    loadChildren:
      typeof document !== 'undefined' ?
        document.location.hostname === environment.SHORT_DOMAIN ?
          './modules/main/main.module#MainModule' :
          './modules/booking-engine/booking-engine.module#BookingEngineModule' : './modules/main/main.module#MainModule'
  }

, сейчас делаю так, но падает ошибка “document is not defined”

модули конфигурируются на этапе компиляции, никакого браузера, а тем более document там нет

источник

12:21пожаловаться #2

Ivan Okhrimenko in Angular - русскоговорящее сообщество

как это проверить?

источник

12:21пожаловаться #3

ДМ

Денис Макаров... in Angular - русскоговорящее сообщество

хмм, это ssr, тогда не знаю

источник

12:22пожаловаться #4

Sergey in Angular - русскоговорящее сообщество

Ivan Okhrimenko

Привет, подскажите, пожалуйста, как правильно проверить на браузер в роутинг модуле (в проекте SSR)?

{
    path: '',
    loadChildren:
      typeof document !== 'undefined' ?
        document.location.hostname === environment.SHORT_DOMAIN ?
          './modules/main/main.module#MainModule' :
          './modules/booking-engine/booking-engine.module#BookingEngineModule' : './modules/main/main.module#MainModule'
  }

, сейчас делаю так, но падает ошибка “document is not defined”

Я думаю, более подходящим местом такой проверки будет какой-нибудь canActive или canLoad
Как раз там ты сможешь прописать такой код

if (isPlatformBrowser(this.platformId)) {
   ...
} else {
   ...
}

isPlatformBrowser и this.platformId - зависимости ангуляра

источник

12:26пожаловаться #5

Ivan Okhrimenko in Angular - русскоговорящее сообщество

Sergey

if (isPlatformBrowser(this.platformId)) {
   ...
} else {
   ...
}

isPlatformBrowser и this.platformId - зависимости ангуляра

спасибо

источник

12:27пожаловаться #6

Ivan Okhrimenko in Angular - русскоговорящее сообщество

Sergey

if (isPlatformBrowser(this.platformId)) {
   ...
} else {
   ...
}

isPlatformBrowser и this.platformId - зависимости ангуляра

а как мне подменить loadChildren на один и тот же path?

источник

12:58пожаловаться #7

Sergey in Angular - русскоговорящее сообщество

Ivan Okhrimenko

а как мне подменить loadChildren на один и тот же path?

Хм, может сделать какой-то общий модуль, который будет подгружать необходимый компонент?

источник

13:00пожаловаться #8

Ivan Okhrimenko in Angular - русскоговорящее сообщество

Sergey

Хм, может сделать какой-то общий модуль, который будет подгружать необходимый компонент?

мне нужно проверять домен, если это не тот что задан в конфигах, то подгружать один модуль, а если тот, то грузить мейн модуль

источник

13:01пожаловаться #9

Ivan Okhrimenko in Angular - русскоговорящее сообщество

может можно как то в loadChildren передать не стрингу, а сервис, например, и там сделать такую проверку?

источник

13:02пожаловаться #10

Sergey in Angular - русскоговорящее сообщество

Ivan Okhrimenko

может можно как то в loadChildren передать не стрингу, а сервис, например, и там сделать такую проверку?

Есть ещё вариант сделать свою стратегию подгрузки модулей, может поможет
https://coryrylan.com/blog/custom-preloading-and-lazy-loading-strategies-with-angular

Coryrylan

Custom Preloading and Lazy Loading Strategies with Angular

Learn how to set up custom preloading and lazy loading strategies in Angular for optimal performance.

источник

13:03пожаловаться #11

Den Politykin in Angular - русскоговорящее сообщество

Добрый день, может кто-нибудь знает как реализовать такое:
по нажатию на кнопку"contact support" я должен открывать предустановленную на компьютер программу по отправке email сообщений.

источник

13:18пожаловаться #12

Vova Soltys in Angular - русскоговорящее сообщество

Den Politykin

Ты про Outlook?

источник

13:21пожаловаться #13

Fanaticus Adminus Vu... in Angular - русскоговорящее сообщество

mailto: mail@mail.com

источник

13:21пожаловаться #14

Fanaticus Adminus Vu... in Angular - русскоговорящее сообщество