Создали бы компонент для этого и в нем обратились бы на добавление к openLayers?

Как бы вы написали след.код в стиле ангуляр?
Код создает кнопку и добавляет на страницу?

var button = document.createElement(‘button’);
button.innerHTML = ‘N’;

var handleRotateNorth = function(e) {
map.getView().setRotation(0);
};

button.addEventListener(‘click’, handleRotateNorth, false);

var element = document.createElement(‘div’);
element.className = ‘rotate-north ol-unselectable ol-control’;
element.appendChild(button);

var RotateNorthControl = new ol.control.Control({
element: element
});
map.addControl(RotateNorthControl);

Создали бы компонент для этого и в нем обратились бы на добавление к openLayers?

и на проекте в одной команде может быть программист хорошо владеющий вёрсткой, а другой хорошо владеющий тайпскриптом и они могут работать параллельно.

Короче парни переписываем резюме, мы тут все фуллстеки, если смотреть под определенным углом

Да, если вы используете шаблоны проектирования в ваших приложениях и добавить некоторый опыт программирования на языке, использующийся в большей степени на стороне сервера.

под определенным углом — это все должны смотреть на нас снизу вверх

Ангуляр прекрасен. Его делали инженеры с высоким уровнем знаний и опыта…

есть куча мест, где angular ужасен

подскажите, пожалуйста, что я тут не так делаю с рендерер 2, почему не могу дать стиль left и top?
они просто не применяются (их нет в хтмл)

А если пишу background, то работает нор

уже понял — единицы измерения((

Есть ли ему замена в тех местах?

конечно

React / Vue

Но это библиотеки, а не полные фреймворки.

и тем не менее, есть куча мест, где они лучше применяются

всем привет! Может быть, кто-то деплоил ангуляровское приложение с i18n на Azure? Не находит файлы локализации и выкидывает 404. Буду рада любым советам и ссылкам

Например?

если нужно очень много динамически создавать компоненты, by design — это тихий ужас, плюс Input декораторы сразу идут лесом

нельзя сделать работу с fetch стримами (потому что http client в такое не умеет, от слова совсем)

Это если чисто технические вещи рассматривать

из личного опыта — у меня была таблица с пациентами, которая может динамически настраиваться в зависимости от конкретных настроек клиники и… сами иконки еще для отображения динамически настраиваются в зависимости от состояния

На angular писать подобное доставляло отдельную боль (хотя тот же лис сделал Либу, которая отчасти прилично сглаживает боль)

и тем не менее, имхо, но динамические компоненты в angular — это скорее жопаболь

поэтому и есть ngxd, который снимает всю боль с динамических компонентов https://github.com/indigosoft/ngxd

я про эту либу и говорю 🙂

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

в React такой проблемы нет 🙂

читаю между строк

вижу “динамические компоненты” и “боль” в одном предложении, отправляю ссылку на ngxd)

Советую переписать на геттер с хост байндингом, там можно и единицы измерения докинуть в декораторе 😉

@SergeiVakhrushev Я понял как надо делать. MatDialogModule работает так, что если прописать его в AppModule, а потом использовать в дочерних модулях, то при вызове модалки будет использоваться рутовый контекст, но если импортнуть MatDialogModule из чилда, то у него будет свой инстанс сервиса, и не будет проблем с импортами. Соответственно когда наследуешь MatDialog надо делать через providers модуля и использовать также как MatDialog, импортируя модуль, там где рутовый контекст не подходит.

Можно ли обойтись статикой, но с использованием «*ngif» ?

Вот автор указанной вами библиотеки показывает как можно использовать динамику:
class AppComponent {
ngOnChanges(changes: SimpleChanges): void {
if (‘type’ in changes) {
switch (this.type) {
case ‘number’:
this.component = NumberComponent;
break;
case ‘text’:
this.component = TextComponent;
break;
default:
this.component = DefaultComponent;
}
}
}
}

Но возможно можно использовать статику, если использовать в связке с ngif

Ну так в реакте вообще нихера нет, т.к. это либа, значит, судя по этой логике, он ещё хуже 🤔

Можно, но это решение будет требовательно к ресурсам. Причем количество требуемых ресурсов будет увеличиваться в геометрической прогрессии.

На каждый *ngIf создается DOM нода со своим обработчиком в виде директивы, view и остальных сопустсвующих элементов. Все это будет перегружать браузер по CPU и по памяти.

нет, в react изначально такой проблемы нет, там можно строить ui любой сложности и динамичности

еще и дестрой нод будет весело влиять на производительность в целом 🙂

Да, только там кроме ui нихера нельзя делать без либ других

Обратная сторона медали — это что делать с легаси кодом, в случае, если автору библиотеки надоест сопровождать и развивать проект.

так это и есть чистая ui либа, дальше строй свою экосистему как угодно

Никто не говорит, что React — это серебряная пуля, но… ты спрашивал в чем Angular плох — я ответил

несогласен?
Я готов выслушать аргументы

Ну собственно аргумент «нельзя без либы» несостоятелен немного, имхо

Нет, оно вполне состоятельно, в плане того, что фреймворк обязуется снять с тебя часть ответственности

И конкретно ui часть в динамике — откровенная боль, сделать боль «приятнее» не равно — убрать её совсем

В случае, создания приложения, на годы вперед количество рисков увеличивается также в геометрической прогрессии, если собирать свой стек библиотек самостоятельно, а не использовать все в одном из одной коробки. Но здесь конечно нужно смотреть на проект, на его жизненный цикл. В случае ангуляра у меня есть ощущение что на нем можно делать огромные проекты уровня предприятия и все будет сопровождаемо через 10 лет.

крупные проекты делают свою библиотеку компонентов с блекджеком и поддержкой.
Мелкие проекты берут опенсорс и радуются

страдающие — страдают)

Phoenix_liveview вон умеет

Можно ли как-то реализовать подключение дополнительного кода в angular? Есть необходимость сделать так, чтобы пользователи могли свои виджеты дописывать в существующий проект.

можно сделать интерпретатор, новые виджеты на основе ваших

я так понимаю динамические импорты мне не помогут?

import(‘http://…/some.js’)

?

Туда нельзя будет подставить переменную с именем виджета. Они статические

Но вообще код виджета можно сохранить в бд. Потом получить от апи и в рантайме скомпилировать. Ну как стакблитз делает например