по поводу ngrx (или redux) - есть ли какой-нибудь опен-сорсный пример с более-менее крупным проектому реализованным по этой схеме? на словах и простых приложениях кажется подход очень стройным и красивым, но не до конца понимаю, как это может выглядеть в крупных приложениях со всякими свойствами типа "скрывать блок тут" и прочими, неотносящимися к "серверным" данным

по поводу "скрывать блок тут" не надо тут с Redux перебарщивать как мне кажется, это можно хранить в стейте компонента, т.е просто в его свойствах.

например в select компоненте есть стейт open: true/false, query: 'qwe..' (для поиска по элементам)

+1, локальный стейт компонента это тоже ок паранойи в стиле, все в одном месте, не разделяю.

и selected: {..}

вот и я про то же

select не должен ни с каким redux работать

он должен быть "глупый"

по поводу "скрывать блок тут" не надо тут с Redux перебарщивать как мне кажется, это можно хранить в стейте компонента, т.е просто в его свойствах.

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

ну в общем есть вполне четкая грань того что нужно и что не нужно хранить в глобальном Store

и это обычно понятно когда ты разрабатываешь конкретную фичу в приложении

Так и есть

Всё в одном месте - это когда все данные в window пишешь.

так что насчет практик для более декларативного кода в Redux / ngRx?

так что насчет практик для более декларативного кода в Redux / ngRx?

Это отлично работает )

неужели вы пишете this.state.dispatch({type: MY_CONS_TYPE, payload: {..}) ?

Бывает

и импортите эти несчастные константы actionTypes везде

?

Это просто паттерн, он не всем подходит

и все редюсеры в switch ?

Привет. Такой вопрос, можно ли динамически сетить @HostListener ? Чтобы была возможность передать набор ивентов при определении компонента через Inputs?

Подозреваю, что нет. Скорее придется вручную сетить обработчики. Но мало ли)

ку всем, как передать из ng-model="" в другой ng-model ?))

можно ли

или передать значение из input в контроллер

а оттуда

в другой ng-model

#helpme есть страница с логином допустим после успешной логинации переправляю на страницу с приложением, на которой роутинг страниц идёт на ней схема примерно такая nav ng-view Меняется контент только внутри ng-view, nav остаётся прежним, т.е у меня пока что login - это отдельная статическая страница без роутинга. Вопрос в следующем: как login добавить в роутинг, но чтобы в странице login не было nav?

Используй именованные router-outlet. Разные.

http://vsavkin.tumblr.com/post/145672529346/angular-router

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

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

Ок

@Ai_boy, а можно ссылочку на материалы с твоего сегодняшнего доклада?

@Ai_boy, а можно ссылочку на материалы с твоего сегодняшнего доклада?

Вот ссылка - но прямо сейчас пусто, дайте пару часов и все ссылки забью с описанием https://gist.github.com/aiboy/887f430f34e8501c852ab5914ba0f875

Пасиб :)

Вот ссылка - но прямо сейчас пусто, дайте пару часов и все ссылки забью с описанием https://gist.github.com/aiboy/887f430f34e8501c852ab5914ba0f875

Будет ли запись с MeetUp ANGULAR 2.0 или хотя бы онлайн трансляция?

Будет ли запись с MeetUp ANGULAR 2.0 или хотя бы онлайн трансляция?

Запись точно будет, а вот трансляцию не обещаю

Запись точно будет, а вот трансляцию не обещаю

Это супер, ждать её на той-же странице со ссылками?

Это супер, ждать её на той-же странице со ссылками?

Добавлю туда, в этот чат и в Facebook группу

Вопрос по NativeScript (не знаю, насколько это попадает в тему чата, но, будем надеяться, хоть немного попадает). Надо в приложении повешать обработчик на нажатие хардварных кнопок регулировки звука. Поддержки из коробки, насколько я смог понять, нету, поиск по плагинам тоже ничего не дал. Как это сделать в java я нашел на SO, но вот как завести этот скрипт из NS и связать с основной частью приложения - не знаю. Может кто подсказать, в какую сторону копать и насколько это вообще сложно?

Доброе утро, кто нибудь пользовался CanActivate? Если да, то может знаете, как лучше организовать проверку авторизированного юзера на сервере внутри canActivate, например GET запрос какой ниубудь?

Я юзал, но делал проверку на клиенте. По идее ничто не мешает переопределить canActivate как угодно.

По статье с медиума слизал, могу скинуть позже.

Я видел статью, там берется токен из локал стораджа, если не ошибаюсь, но мне это не подходит(

Ну тк вместо токена из стораджа можно запрос кидать)

у меня canActivate срабатывает раньше, чем с сервака приходит ответ

и соответтсвенно дальше он не пускает

@AlexNaughtyBoy path: 'profile', canActivate: [AuthGuardService] @Injectable() export class AuthGuardService implements CanActivate { constructor(private AuthService: AuthService, private router: Router) {} canActivate() { return this.AuthService.session().map((result: ISession) => { if (result.items.login) return true this.router.navigate(['']) }) } }

Доброе утро, кто нибудь пользовался CanActivate? Если да, то может знаете, как лучше организовать проверку авторизированного юзера на сервере внутри canActivate, например GET запрос какой ниубудь?

отправлял токен на сервер для проверки и возвращал ответ, а там tru или false. Если false то еще редеректил на /auth, но это хочется убрать из canActivate

@AlexNaughtyBoy path: 'profile', canActivate: [AuthGuardService] @Injectable() export class AuthGuardService implements CanActivate { constructor(private AuthService: AuthService, private router: Router) {} canActivate() { return this.AuthService.session().map((result: ISession) => { if (result.items.login) return true this.router.navigate(['']) }) } }

Я пробовал примерно также, но он мне пишет, что 'Types of property 'canActivate' are incompatible.'

@AlexNaughtyBoy path: 'profile', canActivate: [AuthGuardService] @Injectable() export class AuthGuardService implements CanActivate { constructor(private AuthService: AuthService, private router: Router) {} canActivate() { return this.AuthService.session().map((result: ISession) => { if (result.items.login) return true this.router.navigate(['']) }) } }

все, нашел косяк) сработало, спасибо)

Тут принимаются вопросы по первому ангуляру или есть какой-то отдельный чатик?

Тут принимаются вопросы по первому ангуляру или есть какой-то отдельный чатик?

https://telegram.me/angular_js

А кто-нибудь имел дела с ng2-paginate? У меня че-то не видит компонент его( The pipe 'paginate' could not be found (" есть issues на эту тему, но открыт и не помогает

Пардон, ng2-pagination

Подскажите как с webpack-ом в хроме дебажить ts файлы, вместо склеенных и минифицированных js?

devtool: 'source-map'

http://www.jbrantly.com/typescript-and-webpack/

Я вот такой конфиг использую https://github.com/preboot/angular2-webpack/blob/master/webpack.config.js Вроде бы все там настроено, а ts в браузере все равно нет

а в настройках хрома они не отключены?

включены

Enable JavaScript source maps же?

да

ну тогда нужно убедиться действительно ли они создаются

разобрался, спасибо

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

https://angular.io/docs/ts/latest/cookbook/i18n.html

без каких-либо пакетов

какой-то он мудреный, я решил простым пайпом https://www.npmjs.com/package/angular2-i18n

https://angular.io/docs/ts/latest/cookbook/i18n.html

о! Привет, Юра )))

Привет!!??

Вопрос по NativeScript (не знаю, насколько это попадает в тему чата, но, будем надеяться, хоть немного попадает). Надо в приложении повешать обработчик на нажатие хардварных кнопок регулировки звука. Поддержки из коробки, насколько я смог понять, нету, поиск по плагинам тоже ничего не дал. Как это сделать в java я нашел на SO, но вот как завести этот скрипт из NS и связать с основной частью приложения - не знаю. Может кто подсказать, в какую сторону копать и насколько это вообще сложно?

Зачем в NativeScript плагины? Ты можешь нативное API использовать через JS какая у тебя платформа? Andoid? iOS?

Коллеги, наверняка тут многие используют ngrx или когда-то в Реакте использовали Redux. У меня лично был небольшой опыт работы с Redux и еще какой-то из вариаций Flux (Reflux помоему). Больше понравился Redux но единственное что меня удручало это развесистый boilerplate-код из констант, switch-операторов, actions-creator-ов. Знает ли кто может появились какие-то практики с какими-нибдуь соглашениями в Redux-подходе чтобы сократить кол-во кода, сделать его более читабельным?

Нет, увы. Из-за этого часть людей перешла на Mobx

еще один state manager, мда...

А кто-нибудь имел дела с ng2-paginate? У меня че-то не видит компонент его( The pipe 'paginate' could not be found (" есть issues на эту тему, но открыт и не помогает

покажи как импортируешь paginate модуль в своем AppModule

еще один state manager, мда...

У него зато нет проблем Redux в плане verbose

еще один state manager, мда...

Посмотри доклад https://youtu.be/wi3wPzReKZQ?t=1180 - OOP здесь может тебе помочь

спасибо, уже смотрел) предложеный подход имеет место быть

покажи как импортируешь paginate модуль в своем AppModule

Я уже переключился с него на ng2-bootstrap pagination) с ним тоже есть непонятности, пока копаюсь.

Зачем в NativeScript плагины? Ты можешь нативное API использовать через JS какая у тебя платформа? Andoid? iOS?

Ну, если бы я хорошо разбирался в нативной разработке, я бы NS и не использовал, скорее всего :) Плагины, как и везде, позволяют не изобретать велосипед. Платформа - Android.

использую роутинг { path: ':alias/newsreel', component: NewsReelUserComponent, canActivate: [AuthGuard] } нахожусь на странице http://localhost:5555/1640370147/newsreel если клиннуть [routerLink] по ссылке http://localhost:5555/2640370147/newsreel то ни чего не происходит... в том числе ngOnInit - я не правильно использовал роутинг, что он начал кешироваться ?

а AuthGuard отрабатывает?

да

не вдавался в подробности, как происходят переходы, если компонент не изменяется. Посмотрел бы в сторону routeParams, возможно там есть Observable, который тебе подскажет, что параметр изменился

когда использовал в другом компоненте роутинг /news/:id работало...