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

Добрый день.
Можно ли в зависимости от условия подключать разные стили: /src/styles.scss, /src/styles_.scss?

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

14:17пожаловаться

EG

Вертихвост キバ

function delaySync<T>(
  time: number
): MonoTypeOperatorFunction<T> {
  return concatMap(pipe(of, delay(time)));
}

source.pipe(
  delaySync(100),
  tap(() => console.log(1)),
  delaySync(1000),
  tap(() => console.log(2)),
)

Спасибо!

Let me take you into the light in Angular - русскоговорящее сообщество

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

L

Добрый день.
Можно ли в зависимости от условия подключать разные стили: /src/styles.scss, /src/styles_.scss?

в scss по-моему есть $if -> @import 'some.scss'

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

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

EG

Вертихвост キバ

function delaySync<T>(
  time: number
): MonoTypeOperatorFunction<T> {
  return concatMap(pipe(of, delay(time)));
}

source.pipe(
  delaySync(100),
  tap(() => console.log(1)),
  delaySync(1000),
  tap(() => console.log(2)),
)

Ещё подошёл такой вариант:

const streams = [
  of(1).pipe(delay(1000)),
  of(2).pipe(delay(1000)),
  of(3).pipe(delay(2000))
];

concat(...streams);

14:24пожаловаться

Е

Let me take you into the light

в scss по-моему есть $if -> @import 'some.scss'

Спасибо, но хотелось бы на уровне js.

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

14:25пожаловаться

O

Всем привет, кто может подсказать где я могу посмотреть туториал или пример как построить таблицу, где данные будут передаваться из GET запроса?

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

14:31пожаловаться

PF

Добрый день.
Можно ли в зависимости от условия подключать разные стили: /src/styles.scss, /src/styles_.scss?

Добавьте елементарный js в котором будет создаваться link с нужными атрибутами от условия и инклюдится в head

14:32пожаловаться

Е

Petr Fedchenko

Добавьте елементарный js в котором будет создаваться link с нужными атрибутами от условия и инклюдится в head

Т.е. забить на /src/styles.scss, оставить его пустым и воткнуть кусок js с указанием путей до своих scss в head /src/index.html? Я правильно понял?

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

14:36пожаловаться

PF

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

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

14:37пожаловаться

PF

в сам стайл просто не инклюдьте, то чего не надо)

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

14:37пожаловаться

PF

у вас вопрос стоит очень поверхностно, можно запилить на переменных css если вопрос в цветах и шрифтах например

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

14:38пожаловаться

PF

Все же зависит от того сколько у вас времени и какая цель, надо ли будет поддерживать потом))

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

14:39пожаловаться

PF

AS

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

Egor Gorbachev

Ещё подошёл такой вариант:

const streams = [
  of(1).pipe(delay(1000)),
  of(2).pipe(delay(1000)),
  of(3).pipe(delay(2000))
];

concat(...streams);

https://rxviz.com/v/EOe6rnYJ

Rxviz

RxViz - Animated playground for Rx Observables

Visualize any Rx Observable, and export SVG of the marble diagram.

14:43пожаловаться

Е

Petr Fedchenko

у вас вопрос стоит очень поверхностно, можно запилить на переменных css если вопрос в цветах и шрифтах например

Вопрос в цветах и шрифтах. В зависимости от домена отдавать разные css. Можно, конечно, добавлять класс к body, например, но не хочется файл со стилями двойного размера таскать.

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

14:43пожаловаться

EG

Anton Shvets

https://rxviz.com/v/EOe6rnYJ

Rxviz

RxViz - Animated playground for Rx Observables

Visualize any Rx Observable, and export SVG of the marble diagram.

Хороший наглядный вариант, спасибо.

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

14:44пожаловаться

PF

Вопрос в цветах и шрифтах. В зависимости от домена отдавать разные css. Можно, конечно, добавлять класс к body, например, но не хочется файл со стилями двойного размера таскать.

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

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

14:46пожаловаться

PF

https://blog.angularindepth.com/build-truly-dynamic-theme-with-css-variables-539516e95837

Medium

Build Truly Dynamic Theme with CSS Variables

Change theme during run time. Work with Angular Material.

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

14:47пожаловаться

PF

Вопрос в цветах и шрифтах. В зависимости от домена отдавать разные css. Можно, конечно, добавлять класс к body, например, но не хочется файл со стилями двойного размера таскать.

таким образом не надо держать массу разных стилей, а этот сервис отрабатывает долю секнуды, вариант рабочий провереный, на проде)

14:49пожаловаться

Е

Petr Fedchenko

таким образом не надо держать массу разных стилей, а этот сервис отрабатывает долю секнуды, вариант рабочий провереный, на проде)

Спасибо, посмотрю