И все теперь должно работать?

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

Можно переходить к п.3? https://github.com/akserg/ng2-dnd

попробуй npm start

должно все без ошибок собраться и запуститься

так ну вроде ошибок нет, app works!

если да попробуй вот это https://github.com/akserg/ng2-dnd#7-complex-example-includes-all-shown-above-with-drag-and-drop

это куда вставить?

? ?

Я с ангулар всего 2-3 дня... пытаюсь подружиться..

app.component.html наверно сюда

не сюды.... а куды? :)

это куда вставить?

src/app/app.component.ts

Я с ангулар всего 2-3 дня... пытаюсь подружиться..

а опыт с js есть ?

там чуть получше... 2-3 месяца :)

рекомендую почитать книжек, по фронтенду от простого к сложному или всё это для вас будет магия

Error:(44, 28) TS2304:Cannot find name 'Product'.

export class AppComponent { availableProducts: Array<Product> = []; shoppingBasket: Array<Product> = []; constructor() { this.availableProducts.push(new Product("Blue Shoes", 3, 35)); this.availableProducts.push(new Product("Good Jacket", 1, 90)); this.availableProducts.push(new Product("Red Shirt", 5, 12)); this.availableProducts.push(new Product("Blue Jeans", 4, 60)); } orderedProduct(orderedProduct: Product) { orderedProduct.quantity--; }

и поразбираться в коде примеров

вот тут у них рабочий пример должен быть https://github.com/akserg/ng2-webpack-demo

ДА вроде пытаюсь магию сделать... но пока из меня Коперфильд хреновцй получается...

А как https://github.com/akserg/ng2-webpack-demo это запустить?

ааааааааааа я его победил!!!

Я почти Коперфильд ММАТЬ ЕГО! ??

А что уже css4 вышел?

css4 нет и не будет

есть разные stage для разных фич/свойств

Привет. Кто-нибудь сталкивался с тем, что DataTable с LoadLazy в primeng при создании компонента делает 2 запроса подряд?

может они разные

а кто-то в курсе как компонент отрендерить в боди?

DCL вроде как выпилили из релиза

я через структурные директивы делал

но там всё равно где то надо заранее шаблон описать

не, в этом и суть:) Мне надо шаблон отрендерить в боди

а не в app-root

покопайте в сторону ViewContainerRef

там есть createEmbeddedView

я этот апи использовал, но опять же, у меня была ссылка на TemplateRef

сейчас потестим:)

весьма интересно

ngAfterViewInit(){ this.element = document.createElement('div'); this.element.appendChild(this.container.nativeElement); document.body.appendChild(this.element); }

При этом внутри родителя этого дива нет

на удилвение, работает

на удилвение, работает

Очень не рекомендую так делать. Это называется - прощай Angular Universal

Так все, что работает вне скоупа ангуляра - прощай angular universal

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

*не используя jquery и бутстрапы

так что я пока что не вижу, как можно было бы добавить в body, и оставить универсальность

Почему в боди только? Можно где угодно и сделать position: fixed

Fixed же при прокрутке остается на месте, верно?

Да, но я делал давно тултипы и пересчитывал положение с js

А если их штук 10

На скролл пересчитывать 10 позиций

Что вызовет ререндер

У тебя одновременно 10 тултипов отображаются?

*браузерный ререндер

Я бы с радостью их не показывал

Я через transform translate их двигал

И у меня был один всего он в DOM, прост в него инфа подставлялась из разных мест и все.

Т.е. позишн фиксед и транслейт на scrollPosition?

Я так делал

Я точно помню что не в боди это все было

Вообще, считаю лабу ux контура пидорами?

Они явно не рассчитывали на форму которая не вмещается в экран

И тут на самом деле вопрос не только в тултипах

Но и в дропдаун списке

почему нельзя использовать тот же подход и в дропдаун списках?

а ты про выход форму за пределы окна

да в некоторых либах это не предусмотрено, в некоторых просто скролл появляется

да не, я к тому, что и для списков использовать translate

дропдауны конечно нужно делать иначе, не как тултипы, хотя помню в react material-ui так делали

там же все-равно onScroll хэндлить

не убивает ли это универсальность?

ааа, я делал дропдауны уже по-другому, каждый дропдаун нес законченную логику и dom-разметку

вопросы про универсальность не ко мне пока что:)

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

использовать SSR мы все-равно не планируем

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

Очень не рекомендую так делать. Это называется - прощай Angular Universal

Кстати, насчет Angular Universal, если не нужно SEO какой в нем смысл теперь когда есть AOT и LazyLoading? Время первой загрузки снизилось в разы, UX уже не улучшить по моим ощущениям, это уже не проблема.

Ну кстати АОТ на большом проекте может стать очень жирным и не факт, что АОТ будет лучше чем универсал + jit

а если к дому не обращаться напрямую, можно еще и вебворкеры потом прикрутить

цель AoT не снизить размер приложения, а только снижение затрат на компиляцию шаблонов

=> ускорение работы приложения

дак в том то и прикол, уже есть обсуждения, что пока ты скачаешь жирный аот, универсал давно будет уже на телефоне, и потом наиграет все события, когда jit все подключит

в итоге универсал и jit быстрее чем скачать толстый АОТ

согласен

но зависит от определения слова "быстрее"

Time to interaction — согласен

это конечно очень большие проекты, но имхо команда ангуляра будет в этом направлении еще копать )

ну я сам за АОТ ибо там нет eval

)

а что в JITe через eval делается?

да

ого

jit с CSP не работает

ну всмысле с включеной опцией что запретить eval