merge не подойдет, нужен concat

ой, combine конечно

merge дает новый обсервабл в котором возникают события в очередности как в объединяемых

concat - закончился один observable, начинает потреблять следующий combine - выдает уже новый обсервабл (mode, cerf)=>

Observable.forkJoin подошел

?

@Ai_boy подскажи, есть ли какой-то аналог babel-plugin-import для TS'а? Бандл весит неприлично много, при условии, что там очень мало либ используется

@Ai_boy подскажи, есть ли какой-то аналог babel-plugin-import для TS'а? Бандл весит неприлично много, при условии, что там очень мало либ используется

Это нужно в сторону tree shaking смотреть - webpack2

Например

чет в статье дисклеймер, в итоге они вместо вебпак 2 юзают ролап

Да, нужно поправить )

чет в статье дисклеймер, в итоге они вместо вебпак 2 юзают ролап

В других статьях тоже rollup, такой себе вариант

https://github.com/blacksonic/typescript-webpack-tree-shaking

собственно ts -> es2015 -> babel

Это нужно в сторону tree shaking смотреть - webpack2

чет не срослось. 1.34мб на выходе

tree shaking как-то очень не работает :D

без antd - 200кб. с - 1.34мб

посмотри еще другие техники

minify/uglify/gzip

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

и 227 кб

Да. Теперь норм. Импорт {row,col} from 'antd/lib' оказался не таким выгодным, как import {Row} from 'antd/lib/grid/row'

Привет, компоненты в которых есть пагнация на сколько верно наследовать от базового абстракного компонента релизующим пагнацию? и на сколько верно делать компонент вроде mixin из других?

ну ООП использовать в целом норм.

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

?

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

я просто думаю какие миинусы в этом

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

есть, конечно, как узнаешь формулу - напиши сюда скорее ))) Я обычно выношу в абстракции только то, в чем на 100% уверен. Остальное только по требованию, так сказать. Когда появляется кейс

А есть какие то спец требования к hmr? типа какой версии анг должен быть?

А то у меня когда ws начинает рекомпилить падает ошибка что не может сбилдить

Привет, компоненты в которых есть пагнация на сколько верно наследовать от базового абстракного компонента релизующим пагнацию? и на сколько верно делать компонент вроде mixin из других?

Не вижу смысла. Pagination вполне себе отдельный компонент. Просто кидайте эвенты из него и обрабатывает в каждом месте по своему

А есть какие то спец требования к hmr? типа какой версии анг должен быть?

Если отключаешь ViewScope для CSS пересборка CSS отваливается - нужно патчить. Других подводных камней пока не встречал

Я с ViewScope не мурил - оставил как есть по дефолтку

zone ругается что не может вызвать метод host от undefined

когда уже diff кода приплыл

@Ai_boy Да действительно , спасибо

zone ругается что не может вызвать метод host от undefined

Проверь что добавил нужные методы в свой AppModule и есть репозиторий с примером

ок спасибо, проверю еще пару раз. Не, репы нету :)

ок спасибо, проверю еще пару раз. Не, репы нету :)

https://github.com/AngularClass/angular2-webpack-starter/blob/master/src/app/app.module.ts

Попробовал сегодня заюзать flex-grid от Angular. Впечатления двоякие. С одной стороны, всё можно круто стилизовать как хочется. Всё будет адаптивно и в целом круто. С другой - получается какой-то адовый набор html атрибутов, из-за которых template читать становится очень неудобно.

В итоге стили перекочуют в templates, из-за чего templates станут неподдерживаемыми.

В общем, я такое юзать не буду.

кстати. кто вписывает кириллицу в скрпты es2017, вам наверняка не нужно замедление скорости и увеличение размера благодаря нововеяниям babel. ваши бенчи вэлкам тут - https://github.com/babel/babel/issues/4909

https://github.com/AngularClass/angular2-webpack-starter/blob/master/src/app/app.module.ts

Спасибо, всё крут

кстати. кто вписывает кириллицу в скрпты es2017, вам наверняка не нужно замедление скорости и увеличение размера благодаря нововеяниям babel. ваши бенчи вэлкам тут - https://github.com/babel/babel/issues/4909

Чат не перепутал?

Чат не перепутал?

Angular 2 можно писать на es2017 / babel - так что в некоторой степени - актуально

Ребят есть проблема. Принимаю данные из вебсокета в сегрвере создаю observable, а на компоненте слушаю. Проблемма в том, что слушатель может быть только 1 и данные идут к тому, кто последний подписался (а нужно разослать всем желающим) помогите пофиксить. Код следует.

`

private getSocket(url:string): Subject<MessageEvent> { if(!this.socket) { this.socket = this.create(url); } return this.socket; } private create(url): Subject<MessageEvent> { let ws = new WebSocket(url); let observable = Observable.create( (obs: Observer<MessageEvent>) => { ws.onmessage = obs.next.bind(obs); ws.onerror = obs.error.bind(obs); ws.onclose = obs.complete.bind(obs); return ws.close.bind(ws); } ); let observer = { next: (data: Object) => { if (ws.readyState === WebSocket.OPEN) { ws.send(JSON.stringify(data)); } }, }; return Subject.create(observer, observable); }

Привет, кто нибудь в сторонние либы передает которые требуют например готовую хтмл строку @ViewChild('root') public rootContainer: ElementRef; По ссылке ElementRef ?

Вроде модальные окна хотят. Им нужно знать какой элемент root

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

они ждут строку

https://egghead.io/courses/use-higher-order-observables-in-rxjs-effectively

У меня что-то egghead не прогружается т.т

Подскажите, а при HMR сам модуль на проде не отключают что ле? Я подумал создал HRMModule, который должен оборачивать AppModule. а при проде соот-но не оборачивать. Надо ли это?

Возникают тёрки с bootstrap и декларациями если такое городить

А ты сделай для прода и дева разные бутстрап файлы

)) Ну вот хотелось избежать копипаста

Так не копипаст

Наследуйся

типа class HmrModule extends AppModule ?

Ага

но в hmr будет указать тока один провайдер - AppState

не сломается?

Я представлял себе что надо бы как то AppModule.porviders.push(AppState) - псевдокод

Не знаю, я просто предложил)

Попробуй, расскажешь потом

Здрасьте. Предстоит работать со вторым Amgular'ом. Бэк будет на Go. Так что ждите вопросов по A2.

Всем привет

подскажите

есть вот такой код

<li (click)="selectThis(item.value, item.text)" *ngFor="let item of options | ng2Filter: search"> {{ item.text|lang }} </li>

при клике по элементам он срабатывает с 3 -5 раза

в компоненте стоит сразу после обьявления функции console.log

Всем привет! Подскажите, пожалуйста, есть такой код на TS: this.menuItems.then(function (items) { let flag: boolean = false; for (let i = 0; i < items.length; i++) { items[i].getText().then(function (text) { if (text === menuItemName) { console.log(text); flag = true; console.log(flag); } }); console.log('======================='); console.log('i: ' + i + ', flag: ' + flag); console.log('======================='); if (flag) break; } }); Проблема в том, что кусок: console.log('======================='); console.log('i: ' + i + ', flag: ' + flag); console.log('======================='); if (flag) break;выполняется до promise. Как сделать, чтобы они выполнились последовательно?

при клике по элементам он срабатывает с 3 -5 раза

в обработчике preventDefault стоит?

нет не стоит

по промисам: https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Promise/all

я разобрался

проблема была не в этом

там есть у родителя функция потери фокуса она закрывала окно выбора - удаляя этот элемент

по которому кликал

сложно )

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

по промисам: https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Promise/all

А можно как-нибудь объяснить мне в чём проблема и как её можно решить? Я просто ни разу не js-ник и с ts-работаю только пару недель

И для меня такое поведение кода странное