но имхо, TTI лучше решать через AoT + Universal + Lazy loading NgModules

но сам не пробовал, так что утверждать не буду

плюс вебврокеры и requestIdleCallback )

Посмотрел доклад, снова захотел переписаться

Посмотрел доклад, снова захотел переписаться

про какой доклад ?

https://www.youtube.com/watch?v=Ci1fBmsPCso&list=PLH-XmS0lSi_yLq2XS2Y1DScY6NPbQj4Dt&index=73

Ну кстати АОТ на большом проекте может стать очень жирным и не факт, что АОТ будет лучше чем универсал + jit

LazyLoading в помощь

согласен

а я не согласен, увеличение размера бандла это не то чего нужно бояться (не в 3 раза же он вырастет). Во-первых есть gzip, во-вторых бандл качается 1 раз а потом только получает 304 not modified, в-третьих, повторюсь, lazyLoading. На данный момент у меня среднего размера приложение упакованое cli с AOT и пожатое (всего лишь 5 уровнем сжатия) gzip'ом выглядит так:

http://image.prntscr.com/image/f5cd920b59814f48b173f6c6d40a23ad.png

это без lazy loading, пришлось отключить временно из-за moment.js, он его ломает

а я не согласен, увеличение размера бандла это не то чего нужно бояться (не в 3 раза же он вырастет). Во-первых есть gzip, во-вторых бандл качается 1 раз а потом только получает 304 not modified, в-третьих, повторюсь, lazyLoading. На данный момент у меня среднего размера приложение упакованое cli с AOT и пожатое (всего лишь 5 уровнем сжатия) gzip'ом выглядит так:

Ну я же написал дальше то же самое ;)

Universal в любом случае улучшит TTI

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

вот https://github.com/angular/angular-cli/issues/2496

похоже недавно починили раз closed уже, надо проверить кстати beta26

Universal в любом случае улучшит TTI

вот я не уверен в этом

мне всегда Vkontakte казался быстрым, и там как раз SSR, сейчас позамерял TTI мой самый тяжелый раздел быстрее грузится чем vk.com/feed почти на секунду, vk конечно тяжелее, но не в разы

+ мы начинаем зависеть от нагрузки

простой хабраэффект понизит TTI среднего Universal приложения

хм. А как дождаться, когда отрендерится элемент, который был скрыт ngIf'ом

для чего?

ну,нужно открыть объект, а после того, как он отрендерился - выставить scrollTop

но в момент, когда я хочу получить nativeElement - он еще не отрендерился:)

AfterViewInit

можно директиву сделать свою типа (onInit)="onRender()"

всем привет может у кого была потребность в таком. У меня есть несколько роутеров вложенных один в другой например 3 и я хочу получить в компоненте второго роутера паф до этого компонента как это можно сделать я нашел только как паф целиком получить

ngIf каждый раз по идее должен инстанцировать директиву

AfterViewInit

afterviewinit всего один раз исполняется

и внутри ее AfterViewInit() вызывать this.onInit.next()

который ты будешь сверху ловить

хм, да, можнно так

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

т.к все на dom жестко завязано и никак не обстрагироваться

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

прошу услышать меня)) мне некуда больше обратиться

прошу услышать меня)) мне некуда больше обратиться

+

я чуть выше вопрос написал

а ну ладно, я то думал ты мне посочувстовать решил

в ActivatedRoute нету?

неа, меня тут не одного игнорят)

ну или я найти не смог)

ну вытащи из url на крайняк

Добрый день, не подскажите есть ли scrollspy для ng2, попатылся использовать: https://www.npmjs.com/package/ng2-scrollspy но без примеров ни чего не получилось кроме как просто отловить событие скрола..

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

так navigate и так умеет относительные пути понимать

для этого не нужно парент путь знать

это если path или ./path или ../path ты об этом? просто у меня еще вложеность есть

и внутри ее AfterViewInit() вызывать this.onInit.next()

хрен :D

?

блядство

я #list не указал

хотя не

он все-равно бросате событие раньше, чем ViewChild получает nativeElement

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

только не могу найти где

Подскажите пожалуйтса

он все-равно бросате событие раньше, чем ViewChild получает nativeElement

а ты директиву куда вешаешь? на ngIf элемент или на то что внутри него?

а ты директиву куда вешаешь? на ngIf элемент или на то что внутри него?

и на него пробовал, и внутрь

даже если просто написть <span *ngIf>...<ul #optionsList> {{loaded()}}

то на loaded() viewChild будет undefined

да не может такого быть, я точно помню делал директиву '[focus]' которая в AfterViewInit() обращалась в nativeElement и ставила фокус

мб потому что внутри у ul еще li с ngFor?

но они не должны противоречить

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

там можно что бы не ? а ; подойдет?

Отлично подойдет

ща

Круто, жду

this.router.navigate(['/heroes', { id: heroId, foo: 'foo' }]);

А взять как?

будут не как квери localhost:3000/heroes;id=15;foo=foo

ща

вово то что надо

они у тебя в роутере будут

подключи роутер

Саша Спасибо!

в нужном месте

то есть подписаться на queryParams?

епт ты ж про хеш спрашивал то)

не это не квери

export class HeroListComponent implements OnInit { heroes: Observable<Hero[]>; private selectedId: number; constructor( private service: HeroService, private route: ActivatedRoute, private router: Router ) {} ngOnInit() { this.heroes = this.route.params .switchMap((params: Params) => { this.selectedId = +params['id']; return this.service.getHeroes(); }); } }

можно так взять

https://angular.io/docs/ts/latest/guide/router.html

это тут

да но не прицнипиально хеш =)

Да все гуд, спасибо!

import 'rxjs/add/operator/switchMap'; import { Observable } from 'rxjs/Observable';

ага

что бы пример работал не забудь

да не может такого быть, я точно помню делал директиву '[focus]' которая в AfterViewInit() обращалась в nativeElement и ставила фокус

заставил я это дерьмо работать

loaded(){ let optionsElement = (<HTMLElement>this.optionsListElement.nativeElement).querySelector('ul'); optionsElement.scrollTop = this.items.findIndex(x=>x.id == this.innerValue)*28; }

поставил ViewChild на пэрэнта, который есть всегда в доме

Ребят, не могу прикрутить лесс внитри компонента

AOT?

неа, я его еще не отсвоил=)

AngularClass/angular2-webpack-starter конфиг

До АОТ еще не допёр, пытаюсь просто подключить less: styles: [require('./style.less')]

ERROR in ./~/less-loader!./~/css-loader?importLoaders=1!./~/postcss-loader!./src/app/components/sidebar/style.less

Коллеги, подскажите что использовать, для решения следующей задачи, завязанной на работу с картами, не сталкивался с ранее с картами, озадачен... Есть объекты по городу Нужно их отмечать на карте, прикреплять фоточки и переодически вести мониторинг состояния (люди будут ездить и апдейтить). Будет веб-сервис и мобильное приложение под андроид и возможно iOs. Вебсервис на angular2, и вот встал вопрос какие карты использовать, и какие проверенные либы для работы с картами есть. Конкретных требований от заказчика нету, российские реалии.