по другому вроде никак

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

http://blog.lacolaco.net/post/dynamic-component-creation-in-angular-2/ http://stackoverflow.com/questions/38888008/how-can-i-use-create-dynamic-template-to-compile-dynamic-component-with-angular ( в stackoverflow ответе можно пропустить Template builder ) если у вас уже есть компонет

http://blog.lacolaco.net/post/dynamic-component-creation-in-angular-2/ http://stackoverflow.com/questions/38888008/how-can-i-use-create-dynamic-template-to-compile-dynamic-component-with-angular ( в stackoverflow ответе можно пропустить Template builder ) если у вас уже есть компонет

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

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

не важно - с Component Factory можешь создавать сколько хочешь компонентов, а отображать в нужном месте - это уже с помощью стилей

Я вот думаю, а не могу ли я рендерить массив

просчитывая координаты у объекта на лету

так все проще тогда - делай *ngFor и просто меняй свойсва у компонентов ( [X]="eventually.X" [Y]="eventually.Y" )

и компонент создайт который ожидает свойства X и Y и меняет свои стили в зависимости от этого

вот этот правый блок

ну я написал уже алгорит, вечером ( часов в 9 ) могу накидать пример.

да не, я накидаю:)

да не, я накидаю:)

ну вобщем просто *ngFor по компонентам которые ожидают X и Y свойства а после этого меняют стили

ну или просто <div *ngFor="let item of items" style.position="relative" [style.left]="item.x" [style.top]="item.y">{{ item.text }}</div>

не, там вновь через темплейты, но не суть:)

спасибо:)

и в <template let-varName как мы индекс получаем?

<template ngFor let-item [ngForOf]="items" let-i="index" [ngForTrackBy]="trackByFn"> <li>...</li> </template>

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

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

ngIf

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

custom Component Decorator

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

А почему через css не вариант? Visivility, display:none, translate пробовали?

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

общий компонент куда вынести все зависимости для них не покатит?

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

[class.hidden]

получилось через [hidden]

спасибо)

@Ai_boy и всё же: нет ли идей, где по universal развёрнутый гайд есть?

я пока с этим играюсь https://github.com/angular/universal-starter

читаю код.. прям развернутого гайды пока не видел - как найду - напишу

так здесь нет ничего толком

Я вот на такой проект натыкался. https://github.com/qdouble/angular2webpack2-starter

Он хоть чуть-чуть приближен к реалиям

В отличие от того, что ты привёл

но документации там нет. Тоже прямо код в диффах приходится курить

В общем, ок, буду курить и страдать.

а мне вот этот понравился https://github.com/preboot/angular2-webpack

а мне вот этот понравился https://github.com/preboot/angular2-webpack

тут нет SSr

а, не заметил, простите

мы юзали вот этот: https://github.com/AngularClass/angular2-webpack-starter

Я вот на такой проект натыкался. https://github.com/qdouble/angular2webpack2-starter

он досихпор на RC5

мы юзали вот этот: https://github.com/AngularClass/angular2-webpack-starter

тоже нет SSR :)

он досихпор на RC5

2.0.1

упс - не тот репозиторий посмотрел

в данном репозитории есть 2 актуальные ветки: с universal, без него и minimal. Можно посмотреть дифф между master и no-universal, дабы узреть различия. Но всё же конфиг вебпака здесь гм... не самый продовый, так скажем.

Если раздуплю это и смогу смигрировать в текущий проект, возможно создам PR в angular2-webpack-starter. Но пока что мне только сегодня перестало хотеться забиться в угол и убежать от всего этого.

понимаю :) как только найду чем помочь обязательно отпишусь, но а если всетаки разберешься - напиши статью. Поможешь довольно большому кол-ву людей

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

Видео с двух потоков - первый день конференции Angular Connect Track One https://www.youtube.com/watch?v=7Bj4R7lGl4A Track Two https://www.youtube.com/watch?v=chCgCsolROc для тех кто пропустил трансляцию

Видео с двух потоков - первый день конференции Angular Connect Track One https://www.youtube.com/watch?v=7Bj4R7lGl4A Track Two https://www.youtube.com/watch?v=chCgCsolROc для тех кто пропустил трансляцию

спасибо!)

на фб сначала пришло уведомление - подумал митапп пропустил)

Андрей Алексеев ответил Алексею Alexey, Ты странный тип Алексей Королев ответил Андрею Андрей, я динамически типизируюсь Андрей Алексеев ответил Алексею Alexey, Хипстер чтоль? Алексей Королев ответил Андрею Андрей, неа, я больше по женщинам специализируюсь.

Ребят, такой вопрос есть: Получаю сущности через http this.entities$ = this.myService.getEntities() // вернёт Observable а потом передаю их в компонент вот так: <myComponent [entities]="entities$ | async"> И внутри компонента пытаюсь с ними работать. В ngInit(), например. Ну так вот: они null. Но при том рендерятся, если использовать их в шаблоне.

Похоже, я что-то делаю не так.

Вот. Нужно передавать внутрь компонентов всё без | async, а потом подписываться?

Но тогда такая лапша жуткая получается..

Ребят, такой вопрос есть: Получаю сущности через http this.entities$ = this.myService.getEntities() // вернёт Observable а потом передаю их в компонент вот так: <myComponent [entities]="entities$ | async"> И внутри компонента пытаюсь с ними работать. В ngInit(), например. Ну так вот: они null. Но при том рендерятся, если использовать их в шаблоне.

накидай простой пример ( форкни планк и сохрани ) https://plnkr.co/edit/PpZUPPvL4uSzOChL1g3H?p=preview понятно почему null - это логично.. не понятно только почему внутри myComponent что-то рендериться

внутри компонента используешь *ngIf?

накидай простой пример ( форкни планк и сохрани ) https://plnkr.co/edit/PpZUPPvL4uSzOChL1g3H?p=preview понятно почему null - это логично.. не понятно только почему внутри myComponent что-то рендериться

Не удалось планк рабочим сделать, но вот как-то так: https://plnkr.co/edit/rZ1tu5gWVO7MuL4vgP6g?p=preview

*ngIf нет. в этом случае не использую.

Вопрос, на самом деле, у меня фундаментальный ведь: можно внутрь компонента с | async передавать или нет?

Или нужно прямо Observable передавать, а там, внутри компонента, делать .subscribe()?

Вот как в нормальном мире делают? :D

[entities]="(entities$ | async)"

Или да, пробрасывай entities$ и там подписывайся

планкр просто не работает из-за каких-то там ошибок

[entities]="(entities$ | async)"

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

тогда, только без async, и подписываться?

и никакой хитрой магии нет пока, чтобы не завалить компонент кучей подписок на каждую прилетевшую сущность? :D

ngOnChanges

Тебе ничего не мешает присвоить внутри родителя результат subscribe и уже передать дальше объект

Такой вопрос: а как вы делаете? Сначала верстаете страницу, а потом разбиваете на компоненты ангуляра?

Такой вопрос: а как вы делаете? Сначала верстаете страницу, а потом разбиваете на компоненты ангуляра?

Всё и сразу :D Но у нас тут разработка на коленке. Не уверен, что надо, как мы

кто то stylus юзает? нужна помощь в cli

кто-нибудь сталнкивался с таким в тестах компонентов?

https://gist.github.com/Iverson/04be5e672968052e2a8a62691d2cebce

Error: Template parse errors: No provider for NgModel ("[ERROR ->]<dmpkit-switch></dmpkit-switch>"): SwitchComponent_Host@0:0

внутри SwitchComponent NgModel инжектится стандартно

constructor( @Self() public cd: NgModel ) { cd.valueAccessor = this }

не могу понять почему DI ругается

Да это хак

ну допустим хак, когда я искал способ реализовать [(ngModel)] интерфейс для кастомного компонента нашел такой способ, помоему в https://github.com/valor-software/ng2-bootstrap подсмотрел

сейчас есть возможность без него обойтись?

Да, там же и написано, что это хак

Нужно посмотреть по докладам на конфе, вроде что-то было про это

ну погоди, хак это или не хак какая разница, почему в TestBed.configureTestingModule() / и в bootstrapModule() DI работает по разному?

в приложении DI не ругается, все работает норм

Нужно смотреть, что там оно инжектить

кажется нашел православный способ

http://blog.thoughtram.io/angular/2016/07/27/custom-form-controls-in-angular-2.html

Да, но оно не работает сейчас

Буквально пару дней как обсуждали это в гиттере

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

биндинг работает