вложенность обусловлена иерархией компонентов

если вебпаком собираешь, пропиши в ресолвере короче путь

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

компонент компонента - уже не компонент

а блин... подумал что группа по реакту

всем привет! Кто уже давно юзает нг2 ?

безумее использовать относительные пути ведущие вне контейнера

вложенность обусловлена иерархией компонентов

resolve: { root: [helpers.root('./client'), helpers.root('./client/node_modules')], extensions: ['', '.ts', '.js'], alias: { 'images': helpers.root('./client/common/images'), 'fonts': helpers.root('./client/common/fonts'), 'stylesheets': helpers.root('./client/common/stylesheets') } }, у нас вот так прописано, чтобы верстальщику удобнее было, он в шаблонах может писать ~images/some.jpg вместо длинного относительного пути, но иде такие выкрутасы не понимает

безумее использовать относительные пути ведущие вне контейнера

чего?

Привет всем! где то писал тут ранее вопрос, теперь вот снова возвращаюсь... есть какой нибудь способ запускать нативные асинк. методы без влияния зоны (вне контекста ангуляр), т.е. к примеру есть плагин на ангуляре, он подгружается на страницу клиента. у клиента свой код, свои скрипты и он говорит что зона как то там аффектит его код. я погуглил. очень мало материла по zone aware, может у кого был опыт подобный или ссылочки полезные есть ?

Привет всем! где то писал тут ранее вопрос, теперь вот снова возвращаюсь... есть какой нибудь способ запускать нативные асинк. методы без влияния зоны (вне контекста ангуляр), т.е. к примеру есть плагин на ангуляре, он подгружается на страницу клиента. у клиента свой код, свои скрипты и он говорит что зона как то там аффектит его код. я погуглил. очень мало материла по zone aware, может у кого был опыт подобный или ссылочки полезные есть ?

Может быть ngZone.runOutsideAngular поможет?

https://angular.io/docs/ts/latest/api/core/index/NgZone-class.html#!#runOutsideAngular-anchor

Может быть ngZone.runOutsideAngular поможет?

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

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

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

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

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

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

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

а ты чем собираешь, вебпаком ?

ага

Причем запрашиваемый ресурс вытаскивается из node_modules в ассеты

только что с этой хренью возился. только с темплейтами. щас ссылку найду

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

https://github.com/daviddt/angular2-lazy-load-example

стили тоже самое, только в квадратных скобках вызывать

и еще я столкнулся с такой таблой что вебпак чтоль переписывает module.id на цифру вместо урла и вобщем пример из офф.док не пахает. в общем этот параметр вообще не нужен тут

если что вот тут я только что сделал вообще прям урезано для себя чтоб разобраться https://github.com/yiooxir/typescript-angular-learn

чтоб там с вебпак конфигами не возиться особо

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

так что парни, никто с этой фигней не сталкивался чтоль ?

https://github.com/daviddt/angular2-lazy-load-example

Эхх(( Не могу найти пример... Спасибо, позже буду копать или думать над дргуим решением

Эхх(( Не могу найти пример... Спасибо, позже буду копать или думать над дргуим решением

не знаю весь контекст, но если нужен модуль ленивой загрузки есть вот такой https://github.com/aFarkas/lazysizes#what-makes-lazysizes-so-awesome оч крутой

не знаю весь контекст, но если нужен модуль ленивой загрузки есть вот такой https://github.com/aFarkas/lazysizes#what-makes-lazysizes-so-awesome оч крутой

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

аа, сорь.

а подскажите чем тепрь можно заменить onReuse

я про роутер

блин я с ног сбился) помогите

#складчина . народ, тут курс выкатить обещают в течение недели по а2 (первое платное сегодня выложили). посмотрел вводное. годнота. если есть желающие вскладчину приобрести, пишите в личку. https://itvdn.com/ru/video/angular2_essential/

Как-то поздновато они

Даже в geekbrains ещё в мае начали учить Angular 2

не знаю весь контекст, но если нужен модуль ленивой загрузки есть вот такой https://github.com/aFarkas/lazysizes#what-makes-lazysizes-so-awesome оч крутой

Как это связано с Angular 2 и его функционалом ленивой загрузки из коробки?

Даже в geekbrains ещё в мае начали учить Angular 2

хз. может ждали когда стабилизируется а2

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

.. /.. /assets/styles.css

.. /.. /assets/styles.css

Не резолвит.

Привет всем! где то писал тут ранее вопрос, теперь вот снова возвращаюсь... есть какой нибудь способ запускать нативные асинк. методы без влияния зоны (вне контекста ангуляр), т.е. к примеру есть плагин на ангуляре, он подгружается на страницу клиента. у клиента свой код, свои скрипты и он говорит что зона как то там аффектит его код. я погуглил. очень мало материла по zone aware, может у кого был опыт подобный или ссылочки полезные есть ?

Очень мало кто в это вляпывался. Если найдётся хорошая документация для этого - поделись.

Не резолвит.

Проект на базе angular2-webpack-starter?

Да

да. походу ребята торопились бабосиков срубить. отзывы не самые лесные https://geekbrains.ru/events/287 ))

У меня резолвит.

Да

Хотя, стоп, я же через @import в файле стилей юзаю

У меня резолвит.

Вылетает такая шляпа: ..unresolved path "./../../assets/style.css"

А я о подключении в компоненте

Но и через ../../ работает

Вылетает такая шляпа: ..unresolved path "./../../assets/style.css"

Первую ./ попробуй убрать

Это не нужно

Буду style loader какой-нибудь прикручивать

Первую ./ попробуй убрать

Ее как раз нет)

Это не нужно

... "styleUrls: "../../assets/style.css" ...

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

Нормально будет написать style loader, который скачивает стиль и кладёт в шапку. И положить его в сервис?

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

Всё уже попробовал)

Нормально будет написать style loader, который скачивает стиль и кладёт в шапку. И положить его в сервис?

Не думаю

... "styleUrls: "../../assets/style.css" ...

Увидел. Здесь нужно передать массив строк, а не строку

Увидел. Здесь нужно передать массив строк, а не строку

Извини, с телефона пишу. Я в массиве это значение передаю

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

Подожди, ты вебпаком, собирашь стили, они падают в assets какой-то у тебя и ты от туда их уже скомпиленные пытаешься зацепить, сразу извиняюсь если понял не так, у меня ночь и голова не верит ?

Подожди, ты вебпаком, собирашь стили, они падают в assets какой-то у тебя и ты от туда их уже скомпиленные пытаешься зацепить, сразу извиняюсь если понял не так, у меня ночь и голова не верит ?

Да, именно так. И стили я скорее просто копирую с node_modules

Всё уже попробовал)

а версия webpack какая?

2.x

Ты делаешь всё не правильно

Стили надо импортировать в код

Прям оттуда где лежат

А вебпак уже сам соберет как надо

#складчина двое желающих уже есть. 20/2=10$ с носа. ждем остальных)

#складчина двое желающих уже есть. 20/2=10$ с носа. ждем остальных)

+

А вебпак уже сам соберет как надо

Так. Стиль мне нужен только когда я подключаю компонент.

+

вписываю?

вписываю?

Да

Да

#складчина 20/3=7$ с носа. ждем остальных)

вписываю?

Какой алгоритм действий, чтобы получить курс?)

ждем пару дней всех желающих. скидываемся. я выкупаю, выкачиваю на ядиск например. рассылаю ссылку всем участникам

Так. Стиль мне нужен только когда я подключаю компонент.

Берёшь делаешь scss файл, кладешь рядом с компонентом, импортирушь в него все стили что нужно, подрубаешь его в компонент через styleurl, готово

Берёшь делаешь scss файл, кладешь рядом с компонентом, импортирушь в него все стили что нужно, подрубаешь его в компонент через styleurl, готово

У меня стили от компонента jquery (ну и js соответственно) в nmp висят. Так не эффективно.

Не думаю

А как лучше организовать загрузку, точнее куда лучше загрузчик ложить?

Как это связано с Angular 2 и его функционалом ленивой загрузки из коробки?

Я не знаю ангуляр, ни 1 ни 2

А как вам курс от codedojo на YouTube?

Вводную часть норм рассказывает

Он крутой

Подскажите на сколько уместен такой код в Effect? @Effect() selectShip$: Observable<Action> = this.actions$ .ofType(ships.ActionTypes.SELECT_SHIP) .map((action: ships.SelectShip) => action.payload) .mergeMap(selectedShip => { this.socketService .emit('event', { name: 'showShip', remoteSessionToken: 'bla_bla', payload: selectedShip }); return Observable.of(new remoteControl.SelectShipRemote({ name: "showShip", remoteSessionToken: 'bla_bla', payload: selectedShip })); }); Тут возврат action идет тупо ради возврата action он далее никак не используется по сути

Подскажите на сколько уместен такой код в Effect? @Effect() selectShip$: Observable<Action> = this.actions$ .ofType(ships.ActionTypes.SELECT_SHIP) .map((action: ships.SelectShip) => action.payload) .mergeMap(selectedShip => { this.socketService .emit('event', { name: 'showShip', remoteSessionToken: 'bla_bla', payload: selectedShip }); return Observable.of(new remoteControl.SelectShipRemote({ name: "showShip", remoteSessionToken: 'bla_bla', payload: selectedShip })); }); Тут возврат action идет тупо ради возврата action он далее никак не используется по сути

Может, проще тогда использовать .do() вместо .switchMap()?

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

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

Если честно, я не возвращал из эффектов экшены, чтобы их потом как-то использовать. По сути, effects ведь для того, чтобы где-то описывать сайд-эффекты, которые должны порождаться экшнами. Максимум в них можно, после вызова экшена, например, на получение данных с API, создать экшн на то, что ответ получен и отдиспатчить его с ответом сервера в payload. Но, наверное, норм, что возвращаешь. Посмотри, может в будущем придумаешь, как это можно использовать :)

Спасибо за развернутый ответ !

Спасибо за развернутый ответ !

Да пожалуйста :) Удачи там!

А как вам курс от codedojo на YouTube?

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

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

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

наши слабо пилят

буржую классно делают, что показуют от куда они инфу берут и тд

потому что там авторское право)

а у нас это интузазизм)