<button md-button color="accent">Click me!</button>

работает же ж

https://plnkr.co/edit/Uc2CgMk9hI24OPn1R3RP?p=preview

точно спасибо

А если страничку прокрутить?

кто нибудь юзал либу angular 2 jwt?

Свою писал, но из указанной некоторые кусочки дергал (например, распаковка из base64)

Привет, если мне в Effect (ngrx) нужен айтем из store, могу ли я обратиться к нему прямо как к value из эффекта? или предполагается что сам effect руками не может лезть в store?

Привет, если мне в Effect (ngrx) нужен айтем из store, могу ли я обратиться к нему прямо как к value из эффекта? или предполагается что сам effect руками не может лезть в store?

Не пробовал, но судя по https://github.com/ngrx/effects/blob/master/docs/api.md точно можно как-то получить store ;) В обычном redux прям прокидвается store, у которого ты вызываешь store.getState()

Ну то есть еще раз, на каком этапе при отправке экшн в обычном redux мы можем добавить какие то данные в экшн? чисто идеологически интересно

например я сабмитю форму и мне нужно добавить из стора в экшн еще данных

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

в обычном redux ты возвращаешь функцию, в которую вторым параметро (вроде вторым) попадает store поэтому ты вызываешь store.getState() - берешь данные - и возвращаешь action

Все догнал тогда) то есть там прям в экшн напрямую мы передаем?

стор

да

а тут то есть я тогда не парясь беру в effect

понял , спасибо!)

ну и из него методом достаем данные

? пожалуйста)

Все догнал тогда) то есть там прям в экшн напрямую мы передаем?

function incrementIfOdd() { return (dispatch, getState) => { const { counter } = getState(); if (counter % 2 === 0) { return; } dispatch(increment()); }; } Я такой либой пользовался https://github.com/gaearon/redux-thunk

Привет, если мне в Effect (ngrx) нужен айтем из store, могу ли я обратиться к нему прямо как к value из эффекта? или предполагается что сам effect руками не может лезть в store?

Вот так можешь делать: @Effect() update$: Observable<Action> = this.actions$ .ofType(SettingsProfileActions.UPDATE_PROFILE) .map((action: CompleteUpdateProfileAction) => action.payload) .withLatestFrom(this.store.select(getCurrentProfile), (data, profile) => { return <Profile>{ ...data, id: profile.id } }) .switchMap(profile => { return this.profilesService.updateBasic(profile) ...... т.е. с помощью withLatestFrom цепляешь из стора любое значение, и примешиваешь к своим данным

бля кривенько вставилось

СУПЕР!

@igor_na Вам тоже спасибо!

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

нз

withLatest

отлично вообще!

крут ? А как достать 2 и более значения? Я просто совсем новичок в ang

через запятую

.withLatestFrom(observer1, observer2, (value1, value2, yourValue)

ок, прикольна. +10 к годам жизни

лучше ко сну :D

ГУД!!)

А хотел спросить, тут наверное больше по синтаксису, у тебя data в данном случае - Array?

А то у меня чуть по-другому получилось .withLatestFrom(this.store.select(fromRoot.getOrganization), (data, organization) => { return Object.assign({}, data, organization.id) }) Я так понимаю ... это конкат ведь?

Теперь и моя очередь задать вопрос) npm run такой команды gulp && NODE_ENV=production webpack && NODE_ENV=production webpack --config ./webpack.config.aot.js вылетает через скока минут с ошибкой sh: line 1: 5598 Segmentation fault: 11 NODE_ENV=production webpack --config ./webpack.config.aot.js Что это может быть?

А если страничку прокрутить?

Не успел доделать ещё. Завтра на работе начну со скрола и спинер надо добавить пока ждём ответа от сервера

@Ai_boy :)

Всем привет. Опять второй день бьюсь с этими роутами, и книжка на 92 страницы не помогает. Вот гист: https://gist.github.com/argnist/540182721a907c457ca1a72536e62661 Что нужно поправить, чтобы работало так: При переходе в корень редирект на conversations - показывает ConversationsComponent, в нем есть аутлет под ConversationItemComponent. При переходе на /conversations/:id нужно, чтобы в этот аутлет загружался ConversationItemComponent, при этом все остальные компоненты в шаблоне ConversationsComponent оставались? У меня то корневой не может средиректить, то при переходе по /conversations/:id ConversationItemComponent грузится в главный аутлет под ConversationsComponent, беда в общем.

у тебя путь до /conversations/id ['', ':folder', 'conversations', ':id'], а ты хочешь ['conversations', ':id']

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

а сверху оставь только : { path: 'conversations', component: ConversationsComponent, children: [ { path: ':id', component: ConversationItemComponent, } ] },

добавил тебе в гист

Местами поменять?

гист чекни, я комент добавил

Ты получается просто местами поменял редирект и путь conversations

А и :folder убрал, но ничего не изменилось...

С корня редирект проходит на conversations, но не находит роут

Хотя полный путь http://localhost:8080/#/conversations/b7a10bdc-b893-43d5-9511-fa21d2870ea1 отображается сейчас как надо, но http://localhost:8080 редиректит на http://localhost:8080/#/conversations и показывает ошибку 404

гист чекни, я комент добавил

children: [ {path: '', component: ConversationItemComponent}, { path: ':id', component: ConversationItemComponent, } ] Вот так с виду работает нормально, но при открытии диалога, из-за того, что это разные роуты, он делает лишние запросы на список диалогов. Как избежать лишнего?

вынеси ресолв списка выше

туда же в гист тебе пример закинул

у меня в системе каждый юзер имеет N профилей

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

и иметь возможность редактировать каждый

вот роут что в гист добавил, делает это

там список профилей у родителя подгружается, а манипуляции все ниже

вынеси ресолв списка выше

У меня резолверов нет, запрос на список делается в конструкторе ConversationsComponent. Получается, что при переходе с '' на ':id' компонент пересоздается, чего по идее быть не должно.

почему не должно, должно, это же другая ветка роутера

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

А как сделать одной веткой?

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

ConversationsComponent общий для '' и ':id' но он пересоздается при переходе между ними

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

так уже некуда выше))

ConversationsComponent у тебя не общий, не путай тот факт что ты его используешь и там и там, с тем что является общим

их всего 2 компонента, не в AppComponent же это пихать

children: [ {path: '', component: ConversationItemComponent}, { path: ':id', component: ConversationItemComponent, } ] вот тут же написано что это чьито children

их всего 2 компонента, не в AppComponent же это пихать

сделай как у меня копонент обертку

будет AppComponent -> ConversationLayout -> Два других роута

в ComponentLayot в темлейт сунь аутлет, а в конструкторе запрашивай что нужно

он не будет пересоздаваться

Я не вижу разницы между моим ConversationsComponent и твоим AppLayout

так же есть дети пустой путь и :id

покажи роут целиком

я может сам уже запутался

Добавил коммент в https://gist.github.com/argnist/540182721a907c457ca1a72536e62661

ConversationsComponent пересоздается?

да

@NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] }) export class AppRoutingModule {

вот так еще объявляется

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

чекнул, у меня пашет

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

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

может у тебя редирект срабатывает всё время

отруби его на время

Похоже все нормально работает, это хром какую-то фигню показывает... Сначала весь лог с нормальной подписью файлов, а потом повторяет с VM174350:31 вместо имени файла. Что это?