смотрю Джона Папу, не могу понять его утверждения, что дескать в ангуляре первом у нас был такой весь неуклюжий ng-click, а во втором "Notice that we don't use ng-click, we just using what's built-in to the DOM". https://youtu.be/WAPQF_GA7Qg?t=557

все верно

разве (click) - это штука из стандарта html?

() нет, click - да

разве (click) - это штука из стандарта html?

click - да - а вот () - нет.. но в этом и круть. Вы любое событие можете делать

(touchstart)

и тп. при этом не нужно никаких директив больше создавать

onclick ведь!

lol

пока даже не понимаю как начать гуглить эти скобочки

onclick ведь!

onclick это EventHandler - не надо их использовать https://html.spec.whatwg.org/multipage/webappapis.html#event-handlers click - это EventListeners https://html.spec.whatwg.org/multipage/webappapis.html#event-handler-event-type их и стоит использовать Начать можно с этого списка https://developer.mozilla.org/en-US/docs/Web/Events

так, кажется, усек, спасибо!

да, issue есть, они им перекидываются от angular к angular-universal

а ссылка в universal - на issue есть? я просто найти не могу :/ не хочу еще 1 создавать

блин

я уже откатил репу

сейчас по истории гугла поищу)

https://github.com/angular/angular/issues/12431

Там есть workaround https://github.com/angular/universal/pull/607 Пробовал его?

нет, это ж дичь... то что я закидывал они сделали workaround, теперь это

потом фиг разберёшься где что надо, а что можно выпиливать)

думаю они подгонят юниверсал зща пару недель и будет нормъ

если нет - буду костылить

файл называется __work-around.ts - его будет не сложно выпилить :)

ну, пуш ? мне лень)

Забыл про трех китов костылестроения?

лень, лень и лень?)

Инкастулация, поликостылирование, поликостылизм.

нет-нет-нет... мне ещё Vue 2 на серве рендерить))

Инкастулация, поликостылирование, поликостылизм.

Накостыливание

и просто в ap.component.ts или просто по старту вызываю метод Effects "GET_USER_INFO" который, если все гуд вызывает reducers "SET_USER_INFO"

нет, дергать напрямую @Effect-методы не нужно, this.actions$ .ofType('GET_USER_INFO') привязывает данный метод к экшну 'GET_USER_INFO', когда это событие произойдет то вызовется обработчик .map((action: any) => action.payload) .switchMap(... на выходе мы должны породить новое событие

ошибка не страшная, тк все Observable и приложение из-за этого не упадет, но все таки, я не догоняю, это и есть правильный способ писать с redux, effects?

посмотрите здесь есть хороший пример приложения с effects https://github.com/ngrx/example-app

И вот хорошая документация с примерами https://github.com/ngrx/effects/blob/master/docs/intro.md

в твоем случае если событие происходит по старту приложения то можно сделать так: this.actions$ .ofType('GET_USER_INFO') .startWith({type: 'GET_USER_INFO'}) .map(...)

посмотрите здесь есть хороший пример приложения с effects https://github.com/ngrx/example-app

+1

я по этому примеру разбирался

Всём привет, подскажите знаю Es5 на начальном уровне хорошо, чтобы приступить к A2 стоит переключится на изучение Es6 или добить до конца Es5 и только потом дальше идти, Es6 > A2?

Всём привет, подскажите знаю Es5 на начальном уровне хорошо, чтобы приступить к A2 стоит переключится на изучение Es6 или добить до конца Es5 и только потом дальше идти, Es6 > A2?

ES5 + ES6 в любом случае стоит выучить. Если есть возможность выучитие сначало их и уже потом начинайте с любым фреймворком работать Но начать работать с Angular 2 можно и с минимальных знаниях ES6, TypeScript

ES5 must have... ES6 расширяет синтаксис... то есть лучше доучить ES5, потом ES6, а потом уже тайпскрипт с Angular 2. Ну или если тайпскрипт будешь учить, то можно взять его всместо ES6, там почти всё такое же, только с типами

кстати в некоторых книгах по Angular 2 вначале объясняется TypeScript/ES6... но без ES5 жить нельзя

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

В каких случаях нужно применять NgOnInit вместо constructor для отслеживания создания компонента? Есть ли реальная необходимость в этом?

В каких случаях нужно применять NgOnInit вместо constructor для отслеживания создания компонента? Есть ли реальная необходимость в этом?

Зачастую это делают когда в компоненте нужно прослушивать изменения Url параметров, также если нужно сделать какуюто работу при создании компонента. В общем и целом contructor для инициализации переменных а не для какой-либо работы. export class DashboardComponent implements OnInit { heroes: Hero[] = []; constructor(private heroService: HeroService) { } ngOnInit(): void { this.heroService.getHeroes() .then(heroes => this.heroes = heroes.slice(1, 5)); } }

ngOnInit(): void { this.route.params .switchMap((params: Params) => this.heroService.getHero(+params['id'])) .subscribe(hero => this.hero = hero); }

Спасибо

Всем спасибо за помощь, примеры смотрел, но хотелось самому разобраться чуть, в итоге проблема была просто вот в чем

payload => this.http.getUserInfo({}) .map( (res: any) => { return { type: 'UPDATE_USER_INFO', payload: res }; } ) .catch(err => { console.log(err); return JSON.stringify(err); }) )

.catch(err =>)

за форматирование и все остальное сорян, в метро пишу :)

кстати, вот о чем подумал, а кто-нибудь использовал клиентские логеры ошибок? я видел что-то вроде track.js

Ребята всем привет

тут есть пользователи Ionic framework ?

кстати, вот о чем подумал, а кто-нибудь использовал клиентские логеры ошибок? я видел что-то вроде track.js

https://docs.sentry.io/clients/javascript/integrations/angular2/

тут есть пользователи Ionic framework ?

В чем вопрос?

Import http выдает ошибку

Import http выдает ошибку

можно подробности? что за ошибка? пример кода?

Дайте кто-нибудь гайд по конфигу второго вебпака

Для работы с тайпскриптом

можно подробности? что за ошибка? пример кода?

Нет ли случаем у Вас примера работы с http запросом

С кастомными заголовками

Нет ли случаем у Вас примера работы с http запросом

С кастомными нет - но Http должен работать https://github.com/driftyco/ionic-conference-app/blob/c2f96d92809cb894926248c3cf1e26a1a15b7d20/src/providers/conference-data.ts

Покажите хотябы ошибку. Сложно помочь без информации

Хорошо сейчас подъеду до дома скину

обновил до последнего rc ошибка испарилась )

обновил до последнего rc ошибка испарилась )

:)

Ребят, есть кто не спит? Я что-то тупл и не понимаю, есть 2 reducers, отдельных для разных свойств state, но каждый раз когда обновляю одно, второе перетирается

Ребят, есть кто не спит? Я что-то тупл и не понимаю, есть 2 reducers, отдельных для разных свойств state, но каждый раз когда обновляю одно, второе перетирается

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

мой косяк был, сорян, import { UserInfo } from '../shared/user.interface'; export function User(UserState: UserInfo = {}, action) { switch (action.type) { case 'UPDATE_USER_INFO': return Object.assign({}, UserState, action.payload); default: return UserState; } };

не сделал default

уже полез компать ngrx compose

Ж)

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

не должно быть

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

Если всё же уверен, что Баг именно в ангуляре, то создай issue на гитхабе.

не знаете, я могу в дев.конфигурации использоваться system.js, а уже в сборку для прода собирать веб-паком

конечно

только зачем

сейчас проблема, что webpack не признает moduleid в декларациях компонентов, а systemjs без него не хочет использовать путь './some-file.html'

зачем - я в Visual Studio (не код) работаю, создал в IIS сайт, натравил его на папку и горя не знаю: файл сохраняю, обновляю клиент и тестирую

с вебпаком, придется запускать npm run build-dev

с вебпаком можно watch настроить и незнать горя

вебпак в режиме вотч может работать

)

И вебпак-дев-сервер

dev-server все равно будет по порту работать не 80му, придется CORS в API настраивать. так же?