Size: a a a

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

2021 February 17

АО

Алексей Охрименко... in Angular - русскоговорящее сообщество
STEVE
Ок.
В общем задачка такая, мне нужно как то автоматизировать добавление конфигов в angular.json
судя по оф доке ng config может только поменять значение но не добавить новые если я правильно понял.
Вот у меня вопрос, может кто-то сталкивался с подобным ?
angular schematics может помочь это «красиво» интегрировать, но по факту это тот-же NodeJs
источник

B

Bekulan in Angular - русскоговорящее сообщество
Bekulan
Всем привет, помогите пожалуйста советом, у меня есть модуль админки и модуль основного сайта, они разрабатывались отдельно и теперь не пойму как css хранить. В angular.json прописал обе css и они перебивают друг друга, а мне надо чтобы на уровне модуля грузить определенный файл css
Кто нибудь сможет помочь, короче клиентская часть у меня корневой модуль app, и его стили тоже прописаны в angular json. А вот админку я добавил потом как отдельный модуль, но у меня проблема с его стилями, если прописать его стили в angular.json они перемешиваются с клиентской, и мне нужен способ чтобы админский модуль импортировал свои стили без клиентских
источник

А

Александр in Angular - русскоговорящее сообщество
Кто может подсказать.
На десктопе заголовок в макете H2  а в  мобайл H5
Есть
смысл прописывать условия что рендерить  при разном экране
или лучше изменять H2 - font-size и всё.
И какой вариант лучше для сео ?
источник

B

Bekulan in Angular - русскоговорящее сообщество
Александр
Кто может подсказать.
На десктопе заголовок в макете H2  а в  мобайл H5
Есть
смысл прописывать условия что рендерить  при разном экране
или лучше изменять H2 - font-size и всё.
И какой вариант лучше для сео ?
Меняй размер самого h2 из css
источник

S

STEVE in Angular - русскоговорящее сообщество
+ У вас структура шаблона не должна меняться
Это тот же заголовок второго уровня просто он меньше.
источник

ИК

Игорь Кацуба... in Angular - русскоговорящее сообщество
Алексей Охрименко
angular schematics может помочь это «красиво» интегрировать, но по факту это тот-же NodeJs
Согласен. Там и тестики написать можно, и в сухом режиме позапускать. Но тут нужено кейс понимать.
источник

N

Nillcon in Angular - русскоговорящее сообщество
Подскажите, нужно менять информацию в меню в зависимости от того возле какого мы сейчас блока сейчас находится скролл
источник

N

Nillcon in Angular - русскоговорящее сообщество
Может либа какая нибудь
источник

S

STEVE in Angular - русскоговорящее сообщество
Игорь Кацуба
Согласен. Там и тестики написать можно, и в сухом режиме позапускать. Но тут нужено кейс понимать.
Да у меня кейс например

Есть


           "production": {
             "fileReplacements": [
               {
                 "replace": "src/environments/environment.ts",
                 "with": "src/environments/environment.prod.ts"
               }
             ],
             "optimization": true,
             "outputHashing": "all",
             "sourceMap": false,
             "extractCss": true,
             "namedChunks": false,
             "extractLicenses": true,
             "vendorChunk": false,
             "buildOptimizer": true,
             "budgets": [
               {
                 "type": "initial",
                 "maximumWarning": "2mb",
                 "maximumError": "5mb"
               },
               {
                 "type": "anyComponentStyle",
                 "maximumWarning": "6kb",
                 "maximumError": "10kb"
               }
             ]
           }

Только мне надо добавить production__project-name
ссылками на assets для проекта другого и стилями

Желательно через консоль

node config --project-name

что то типа таого
источник

ІБ

Ігор Братух... in Angular - русскоговорящее сообщество
Всем привет, подскажите пожалуйста, как правильно можно сделать sync двух таких сервисов?
const a = new Service();

const b = new Service();

a.event('progress').subscribe((progress) => {
   b.seekTo(progress);
});

b.event('progress').subscribe((progress) => {
   a.seekTo(progress);
});

a.play();


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

Такими простыми способами получается рекусрия, если ли паттерны, способы решить?

P.S seekTo эмитит событие progress
источник

B

Bekulan in Angular - русскоговорящее сообщество
Nillcon
Подскажите, нужно менять информацию в меню в зависимости от того возле какого мы сейчас блока сейчас находится скролл
function scrollActive() {
 const scrollY = window.pageYOffset
  section = document.getAttribute('section_id')
   const sectionHeight = section.offsetHeight
   const sectionTop = section.offsetTop - 50;
 

   if (scrollY > sectionTop && scrollY <= sectionTop + sectionHeight) {
     //что ты хочешь сделать
   } else {
     //вернуть в дефолт
   }

}

window.addEventListener('scroll', scrollActive)
источник

N

Nillcon in Angular - русскоговорящее сообщество
Bekulan
function scrollActive() {
 const scrollY = window.pageYOffset
  section = document.getAttribute('section_id')
   const sectionHeight = section.offsetHeight
   const sectionTop = section.offsetTop - 50;
 

   if (scrollY > sectionTop && scrollY <= sectionTop + sectionHeight) {
     //что ты хочешь сделать
   } else {
     //вернуть в дефолт
   }

}

window.addEventListener('scroll', scrollActive)
Секций много и они генерируются динамически
источник

B

Bekulan in Angular - русскоговорящее сообщество
Nillcon
Секций много и они генерируются динамически
По моему скромному мнению, тебе надо определить меню как состояние, и в компоненте ловить скролл и добавлять в это состояние то что ты хочешь.
источник

B

Bekulan in Angular - русскоговорящее сообщество
Bekulan
function scrollActive() {
 const scrollY = window.pageYOffset
  section = document.getAttribute('section_id')
   const sectionHeight = section.offsetHeight
   const sectionTop = section.offsetTop - 50;
 

   if (scrollY > sectionTop && scrollY <= sectionTop + sectionHeight) {
     //что ты хочешь сделать
   } else {
     //вернуть в дефолт
   }

}

window.addEventListener('scroll', scrollActive)
Скролл можно ловить вот так
источник

N

Nillcon in Angular - русскоговорящее сообщество
Bekulan
По моему скромному мнению, тебе надо определить меню как состояние, и в компоненте ловить скролл и добавлять в это состояние то что ты хочешь.
Да, спасибо большое))
источник

B

Bekulan in Angular - русскоговорящее сообщество
Есть ли какой нибудь легальный способ переопределить глобальный css в зависимости от модули?, я уже 2 часа с этим мучаюсь, спать не дает
источник

I

Ilja in Angular - русскоговорящее сообщество
Bekulan
Есть ли какой нибудь легальный способ переопределить глобальный css в зависимости от модули?, я уже 2 часа с этим мучаюсь, спать не дает
переменные ?
источник

B

Bekulan in Angular - русскоговорящее сообщество
Ilja
переменные ?
переменные не помогают
источник

I

Ilja in Angular - русскоговорящее сообщество
Bekulan
переменные не помогают
тогда сорри . я плохой дизигн .
источник

MA

Maxim Afanasev in Angular - русскоговорящее сообщество
Bekulan
Есть ли какой нибудь легальный способ переопределить глобальный css в зависимости от модули?, я уже 2 часа с этим мучаюсь, спать не дает
Повесить класс на body?
источник