окей, спасибо:)

вот только... как бы так передать событие от одного компонента к другому

в Js ничего простого вроде ObservableCollection нет, можно конечно сделать что-то подобное с ProxyObject но очень не рекомендую https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Proxy

тебе просто всю эту логику нужно вынести в "Guards" import { AuthGuard } from './auth.guard'; export const routes: RouterConfig = [ { path: 'admin', component: AdminComponent, canActivate: [AuthGuard] }, { path: 'unauthorized', component: UnauthorizedComponent } ];

Идея :) Спасибо!

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

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

Да, хотя все конечно зависит от ситуации но Service здесь кажется логичным

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

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

Rx BehaviorSubject наверно

Здесь просто стрим подойдет, у меня могут быть события разного типа

Thanks

Всем привет, кто-нибудь сталкивался с проблемой потери фокуса у инпута внтури *ngFor ?

Всем привет, кто-нибудь сталкивался с проблемой потери фокуса у инпута внтури *ngFor ?

что иммется ввиду под потерей фокуса?

есть input ngModel после ввода любого символа слетает фокус с инпута, как если нажать таб или просто кликнуть в любое место на странице

а у Вас при этом input заново не отрисовывается?

вот непонятно, скорее всего срабатывает изменение объекта и Angular заново рисует весь ngfor

это одна из причин возможных

при чем такая проблема есть только при вложенном ngFor

https://angular.io/docs/ts/latest/api/common/index/NgFor-directive.html

попробуйте trackBy

при чем такая проблема есть только при вложенном ngFor

а можешь накидать пример? ( форкни планкер и схорани ) http://plnkr.co/edit/o2HPPjD9wUkgei7AnDNW

сейчас попробую

а почему планкер ругается на ngModel? он же вроде бы везде работает без подключения директив

вроде бы все такие требует FormsModule

*все таки

*все таки

всё-таки

всё-таки

все-такэ

А ведь в теории, можно же организовать хэндлинг всех событий в приложении? Инпуты, кнопки и тд, верно?

[ngModel]=“model.field” (ngModelChange)=“onChange($event)”

А ведь в теории, можно же организовать хэндлинг всех событий в приложении? Инпуты, кнопки и тд, верно?

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

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

В общем возможности

В общем возможности

Можно все. Вообще все

странно в формах реализована смена состояний untouched -> touched, по сути никак не хендлится

контролы меняют состояние по blur, форма соответственно тоже

form.valueChanges.subscribe() событие всплывает до этого момента

в этом хендлере form.touched будет еще false

после того как form control потеряет фокус только тогда форма перейдет в состояние touched, но ты это событие не отловишь

не будешь же на все инпуты формы вешать (blur)

а form.dirty это не совсем то что часто нужно

мне нужно именно touched отловить событие, быть уверенным что именно пользователь руками поменял форму а не просто новые проперти в нее пришли

какое-то непродуманное api у touched

Почитай документацию на angular.io, там есть решение твоей проблемы, если не изменяет память.

Там комбинация состояний нужна, если вкратце

А логика touched создана для отдачи ошибок при потере фокуса, когда мы уже "потрогали" поле.

*валидации

Без такой фичи процесс проверки "потрогали инпут/нет" был бы гораздо более трудоёмким.

Ребят, а angular-cli имеет инструменты для лёгкой интеграции AOT? А то в документации по AOT нашёл что-то про это, и для меня это немного удивительно.

Ребят, а angular-cli имеет инструменты для лёгкой интеграции AOT? А то в документации по AOT нашёл что-то про это, и для меня это немного удивительно.

Пока увы нет ( проследить за успехом можно здесь https://github.com/angular/angular-cli/issues/1732 ) Плюс есть репозиторий который показывает ( по истории коммитов ) как в Angular CLI добавить все это дело

Почитай документацию на angular.io, там есть решение твоей проблемы, если не изменяет память.

спасибо конечно, но уже читал

Без такой фичи процесс проверки "потрогали инпут/нет" был бы гораздо более трудоёмким.

а я что-то против этой фичи разве говорил? удобный нужный стейт, но его переходы не хендлятся

есть событие valueChanges у формы, есть statusChanges который тригерит изменения VALID | INVALID, но это не то

нет события по смене состояний touched/untouched

я про это

ИМХО - это слишком, нагромождать все контролы событиями на каждый чих. Не сложно написать совю директиву или вешать на все контролы обработчик blur

эти события уже есть в ангуляре, есть классы ng-touched / ng-untouched на каждом контроле формы, есть такие же на самой форме, есть отдельное поле form.touched: true | false, это все есть. Нет возможности этот переход состояний хендлить разработчику, вот что я пытаюсь объяснить. Я хочу отловить момент когда форма стала touched именно в тот момент когда это произошло, а произошло это когда мы потрогали какой-нибудь из ее контролов и убрали с него фокус

что бы было понятней - http://plnkr.co/edit/FI7aQM4EGfTpj5PuQLe2?p=preview

в console.log выводится form.valueChanges.subscribe

внутри него мы не можем отловить момент Form touched: true не можем

и собственно нигде не можем

Запили plunkr, чтобы потыкать

запилил же

что бы было понятней - http://plnkr.co/edit/FI7aQM4EGfTpj5PuQLe2?p=preview

вот

запилил же

Сори, я пропустил

https://www.youtube.com/watch?v=7Bj4R7lGl4A

Enjoy!

Сейчас о universal как раз

о, спасибо!

Все это пока не работает. Все будет, но позже.

will be adding...

Ну я пробовал собрать с sw - пока это все experimental, но через пару месяцев допилят что-то

это круто, пусть допиливают, подождем

а вот lazyLoading нормальный поскорее бы хотелось

Это в ту же копилку, там еще route пилить и пилить, потому как элементарные вещи зачастую не работают

Кстати, https://github.com/angular/angular/blob/master/CHANGELOG.md Выпустили 2.1.0-beta.0

поддержка анимаций конечно нереально мощная

Кстати, https://github.com/angular/angular/blob/master/CHANGELOG.md Выпустили 2.1.0-beta.0

Ещё вчера.

И 2.0.1 тоже

Да

@Ai_boy а у нас есть прямой доступ к рендеру? Чтобы не писать document.createElement, но при этом ссылку на отрендеренную часть хранить в модели?

Кстати, на гитхабе появился какой-то ~~упорок~~ крутой контрибутор, который в одиночку сделал альтернативу angular2-webpack-starter и уже значительно обошёл его в функционале. Вдобавок, все самые свежие версии пакетов добавляет максимально быстро, а не неделю, как в angular2-webpack-starter

https://github.com/qdouble/angular2webpack2-starter Вот его репозиторий.

@Ai_boy а у нас есть прямой доступ к рендеру? Чтобы не писать document.createElement, но при этом ссылку на отрендеренную часть хранить в модели?

Я через *ngIf делаю.

Но, возможно, это не самый совершенный вариант.

Я через *ngIf делаю.

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

а как переехать с rc.4 на 2.0.0 с @NgModule?

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

Все есть :) чуть попозже скину примеры