Я вообще FormBuilder засунул в сервис, это нормально?

не очень - обычно FormBuilder живет внутри компонента который рендерит форму - не вижу смысла ложить его в сервис

Да можно и в сервис, да. Я бы спокойно сделал.

Вообще за невозможность сделать правильный inject в сервис кому-то нужно вставить пистон

Приходится костылить

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

А в компонентах оставлять только логику отображения

Скажите, если я инжекчу сервис в bootstrap а в компоненте НЕ пишу providers то сервис будет глобальным, так?

Вот как раз еще раз писать и нельзя - будет еще один экземляр

так я и не пешу

но всеровно сбрасываются значения формы при переходах по старницам

Скажите, если я инжекчу сервис в bootstrap а в компоненте НЕ пишу providers то сервис будет глобальным, так?

да

но всеровно сбрасываются значения формы при переходах по старницам

model driven?

Ну естественно, я же их никак не забиндил на сервис

model driven?

да

теперь нужно понять как завернуть данные из формы в сервис

Так в сервисе должна уже быть сбинденная form group

Хотя это все разно изврат, лучше оставить форму отдельно, данные отдельно - биндить на onInit

Я сейчас убрал формбилдер из сервиса, оставил чистый класс

Формбилдер в конструкторе компонента

А как биндить данные из формы в сервис

Не ложите FormBuilder в сервис - вот хороший пример как “надо” https://github.com/DanWahlin/Angular2-Forms/blob/master/src/app/modelForm/modelForm.component.ts

на onSubmit - предавайте значение формы в сервис

Странный пример

на onSubmit - предавайте значение формы в сервис

И ручками все изменять?

На сабит не подходит, пользователь может не доконца заполнить форму и уйти со страницы, а потом вернуться

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

На сабит не подходит, пользователь может не доконца заполнить форму и уйти со страницы, а потом вернуться

onDestroy

Ну если хочется настолько заморочится, то всеже нужно засунуть в сингтон

На сабит не подходит, пользователь может не доконца заполнить форму и уйти со страницы, а потом вернуться

Если нужно автосохранение this.formGroup.valueChanges .map((value) => { value.firstName = value.firstName.toUpperCase(); return value; }) .filter((value) => this.formGroup.valid) .subscribe((value) => { console.log("Model Driven Form valid value: vm = ",JSON.stringify(value)); // service.saveModel(value); });

Если нужно автосохранение this.formGroup.valueChanges .map((value) => { value.firstName = value.firstName.toUpperCase(); return value; }) .filter((value) => this.formGroup.valid) .subscribe((value) => { console.log("Model Driven Form valid value: vm = ",JSON.stringify(value)); // service.saveModel(value); });

понял

А в ts можно писать конструктор копирования?

А в ts можно писать конструктор копирования?

как в C++ ?

class Greeter { greeting: string; constructor() { } greet() { return "Hello, " + this.greeting; } } class Greeter2 extends Greeter { constructor(greeter: Greeter) { super(); Object.assign(this, greeter); } } var greeter = new Greeter(); greeter.greeting = "world" var g2 = new Greeter2(greeter); console.log(g2.greet())

как в C++ ?

Ну я раньше задачки которые на С++ испотльзовал для первого ангуляра

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

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

немного не понял о чем речь ( я и изначальный вопрос то не понял :) )

как в C++ ?

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

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

выше написал пример - но вообще просто достаточно Object.assign(target, original) ( опять-же если правильно понимаю задачу

немного не понял о чем речь ( я и изначальный вопрос то не понял :) )

ну там задачку на С++ переделать на первый ангуляр

А вот если сравнивать подход работы с формами Angular 2 и redux-form, есть ли вообще разница? В ангуляере мы пишем глобальный сервис, в редакс формах есть глоабальный стор. У кого есть хороший опыт работы с обоими? Что можете сказать за и против?

в ангуляр 2 можно использовать редукс почему нет?

А вот если сравнивать подход работы с формами Angular 2 и redux-form, есть ли вообще разница? В ангуляере мы пишем глобальный сервис, в редакс формах есть глоабальный стор. У кого есть хороший опыт работы с обоими? Что можете сказать за и против?

В Ангуляре не обязательно писать глобальный сервис - как и в Redux Ну и можно Redux использовать с Angular 2 :) https://github.com/ngrx/store http://ngrx.github.io/example-app/ Со всеми вытекающими плюшками

У меня есть идея проекта cms -ки и вот там будет много(как мне кажется) форм, таблиц. Я попробовал для сравнения react redux и angular 2, но пока не понял ничего, на первый взгляд одно и тоже. Что брать, фик его знает (((

У меня есть идея проекта cms -ки и вот там будет много(как мне кажется) форм, таблиц. Я попробовал для сравнения react redux и angular 2, но пока не понял ничего, на первый взгляд одно и тоже. Что брать, фик его знает (((

На самом деле - не важно. Выбирайте просто то на чем интереснее и удобнее писать. Для меня это Angular 2

вот теперь официально https://github.com/angular/angular-cli/blob/master/CHANGELOG.md

hello webpack

ох блин, это мне сейчас накатывать на текущий проект новый angular-cli ?

вот теперь официально https://github.com/angular/angular-cli/blob/master/CHANGELOG.md

Ждал как раз, повезло что до этого не использовал angular-cli :)

Ну это давно ожидалось. Вот я в связи с этим даже не пробовол его по сути

штука хорошая, но systemjs бесил

Отлично) Осталось попробовать в деле)

Добрый день, очень рад существованию данного чата. В соответствии с правилами, хочу представиться. Меня зовут Александр, я full-stack—разработчик, с мая месяца делаю проект на Angular2 (да, уже боевой, хотя, как многие говорят — это слишком смело; но все устраивает, не жалею, доволен). Фреймворк очень нравится, хотя и сыроват, но уже чувствуется, что инструмент мощный и я пока не вижу ему альтернативы. В данный момент, занят в разработке двух проектов на Angular2 — площадка для Интернет-торговли и информационный фронт для банка. Частично, как тимлид, и частично, как разработчик. Очень рад, что есть возможность обмениваться опытом с таким большим количеством практикующих Angular2-специалистов; хотя, если честно, одним из мотивов поиска подобных сообществ был и поиск подрядчиков для удаленой работы. Но я вижу требование группы, которому полностью подчиняюсь. Надеюсь, что мой скромный опыт также может быть полезен, равно как и опыт, который я почерпну из этого общения.

> @koshevy поиск подрядчиков для удаленой работы. Но я вижу требование группы Привет. Оригинально выкрутился :) вообще просто напиши в

@javascript_jobs - там много людей

Спасибо большое, Алексей! Обязательно добавлюсь!

Но это, так сказать, побочная цель)

@koshevy кстати не поделишься что используеться в качестве фреймворка для проектов? ngrx/store? flux? mv* или что-то свое с компонентами?

поделюсь, отчего бы не поделиться)

На фронтенд — Angular2+TypeScript на основе WebPack (с SystemJS не пошло как-то). Фронтенд-прложение (webpack-build) публикую на чистый nginx. Ну там больше ничего и не нужно (потому что серверный рендеринг еще не настраивал и даже не щупал, но планирую), все данные поттягиваются по API, которые на отдельном сервере.

ой, не на тот вопрос ответил)

извиняюсь, туплю)

не так вопрос прочитал, но и на него тоже, в принципе ответ дан)

Что такое "ngrx/store flux" к стыду своему даже не знаю

ngrx — это же React-расширения?

@koshevy спасибо, интересно просто как кто организует архитектуру своего проекта, в этом плане с Angular 2 простор для фантазии огромен

https://github.com/ngrx/store - это спосомб создавать Angular2 приложение используя Redux

а, примерно понял

http://plnkr.co/edit/Hb4pJP3jGtOp6b7JubzS?p=preview ( пример - с Redux Devtool )

ну насколько я понимаю, это альтернатива system.js и webpack?

ладно, не буду задавть глупых вопросов)

ознакомлюсь внимательно, спасибо за ссылку)

Глупых вопросов не бывает. Это фреймворк - он позволяет выстроить архитектуру приложения. Redux разбивает все приложение на Store, Reducers, Actions, Action Creators, Middlewares. Тоесть когда нужно создать новое действие - создаешь Action, когда нужно обработать все action - создаешь Middleware и т.п Фреймворк - в данном случае Redux - позволяет структурировать приложение.

Глупых вопросов не бывает. Это фреймворк - он позволяет выстроить архитектуру приложения. Redux разбивает все приложение на Store, Reducers, Actions, Action Creators, Middlewares. Тоесть когда нужно создать новое действие - создаешь Action, когда нужно обработать все action - создаешь Middleware и т.п Фреймворк - в данном случае Redux - позволяет структурировать приложение.

Скажи, а сам ты сейчас чем пользуешься?

Скажи, а сам ты сейчас чем пользуешься?

конкретно сейчас работаю с MV* архитектурой, но попутно интегрурию Mobx с Angular 2 - посмотрим что получиться

День добрый! Подскажите, пожалуйста, а где лучше всего всеобъемлюще прочитать про change detection во втором ангуляре. Прям в деталях. С первым я так намучался тюнить приложения с учетом его dirty checking, что не успокоюсь пока не разберусь как оно внутри работает.

Пока начал изучать zone

Добрый день. Подскажите какой есть норм юай фреймворк есть под ангуляр2 сейчас, с попапами, лайоутами и блекджеком? =)

Я больше отталкивался от классической Angular2-структуры: есть роутинг до компонент первого уровня, в каждом из которых своя структутрная логика, есть отдельные сервисы, которые отвечают за какую-то сферу бизнес-логики. Ну и обеспецивается все это Webpack и RequireJS.

возможно, я пока еще не знаю всех best practices, но я еще не совсем понимаю на каком уровне есть еще какое-то структурное деление

и в чем идеология

День добрый! Подскажите, пожалуйста, а где лучше всего всеобъемлюще прочитать про change detection во втором ангуляре. Прям в деталях. С первым я так намучался тюнить приложения с учетом его dirty checking, что не успокоюсь пока не разберусь как оно внутри работает.

Про зоны https://www.youtube.com/watch?v=3IqtmUscE_U Change Detection http://blog.thoughtram.io/angular/2016/02/22/angular-2-change-detection-explained.html

но буду благодарен просвещению)

Добрый день. Подскажите какой есть норм юай фреймворк есть под ангуляр2 сейчас, с попапами, лайоутами и блекджеком? =)

Тебе фреймворк или UI-kit ?

UI-kit скорее

UI-kit скорее

https://github.com/valor-software/ng2-bootstrap Остальное есть тут https://github.com/AngularClass/awesome-angular2#components-1

Уже много чего есть

Спасибо!

@Ai_boy ага, вот с нее и начал, :) Спасибо. А в тексте много ссылок на все что вокруг. Например про зоны: http://blog.thoughtram.io/angular/2016/01/22/understanding-zones.html

Я на Highload об этом все буду подробно рассказывать ( если доклад примут ( http://www.highload.ru/2016/abstracts/2282.html ) )

отличная тема ?

хотелось бы попасть)

отличная тема ?

+1

немного смущает цена в 19к. Хотя это стандартная цена для highload++

Это одна из причин почему я туда хожу только докладчиком :)

?