https://angular.io/styleguide

ну вот я сразу в гайде так и прочитал и так и пишу, а почти во всех примерах на SO через #i, вот и задался вопросом

а # сейчас работает? это в старых версиях так было

а # сейчас работает? это в старых версиях так было

не пробовал)

просто писали походу до выхода 2.0.0

ну вот я сразу в гайде так и прочитал и так и пишу, а почти во всех примерах на SO через #i, вот и задался вопросом

информация на SO по ng2 часто устаревшая

В чем-то конечно устаревшая. Но тут дело в том, чтобы на нее выйти - один запрос в гугле - первая ссылка в выдаче.

каждый решает сам... первая ссылка в гугле или гайды)

CLI у всех работает?

вылетает ошибка, не знаю с чем это связано: vsd@vsdhost:~$ ng --help fs.js:640 return binding.open(pathModule._makeLong(path), stringToFlags(flags), mode); ^ TypeError: path must be a string or Buffer at TypeError (native) at Object.fs.openSync (fs.js:640:18) at Object.fs.readFileSync (fs.js:508:33) at Function.Version.fromProject (/usr/lib/node_modules/angular-cli/upgrade/version.js:87:31) at Function.Version.isPreWebpack (/usr/lib/node_modules/angular-cli/upgrade/version.js:111:31) at Function.Version.assertPostWebpackVersion (/usr/lib/node_modules/angular-cli/upgrade/version.js:97:18) at /usr/lib/node_modules/angular-cli/bin/ng:25:15 at /usr/lib/node_modules/angular-cli/node_modules/resolve/lib/async.js:44:21 at ondir (/usr/lib/node_modules/angular-cli/node_modules/resolve/lib/async.js:187:31) at /usr/lib/node_modules/angular-cli/node_modules/resolve/lib/async.js:153:39

а кто-нибудь auth0 юзает?

я правильно понимаю, что там любая авторизация, если юзать их либу, проходит через их сервер?

https://www.youtube.com/watch?v=i_dHFvi1BJc

Кто подскажет? У меня есть компонент , внутри него список из <li> как мне внутри list.component.ts выбрать элемент ul. Обычный поиск querySelector не находит.

вот это заинжекти

https://angular.io/docs/ts/latest/api/core/index/ElementRef-class.html

+ lifecycle hooks посмотри

https://angular.io/docs/ts/latest/guide/lifecycle-hooks.html#!#afterview

в angular cli нет ssr? если нет, то какой нормальный бойлерплент с ним есть, есть https://github.com/angular/universal-starter но он не большой какой то

Нужен большой или работающий? Чего там не хватает?

в angular cli нет ssr? если нет, то какой нормальный бойлерплент с ним есть, есть https://github.com/angular/universal-starter но он не большой какой то

Да. Скажи просто чего не хватает. А мы поможем подключить. Там не сложно

вопрос. хочу pet project на ng2 (уж больно надоел react state management fatigue), буду пилить бложек свой. вопрос: брать боилерплейт или ng2-cli ? хочу потом ssr прикрутить

кто-нибудь ng2-bootstrap юзает? конкретно date или timepicker. не получается обернуть в компонент, чтоб в формах юзать

делаю полностью как здесь http://blog.thoughtram.io/angular/2016/07/27/custom-form-controls-in-angular-2.html

Да. Скажи просто чего не хватает. А мы поможем подключить. Там не сложно

просто интересно большие и развесистые, интересно посмотреть, как можно сделать, на примере реактовских бойлерплентов, где несколько тысяч строк кода и уже вкручен графкл, серверные запросы и так далее. Но наверное да, возьму angular cli + angular universal и сам сделаю минимальный

Всем привет) как настроить стандартный роутер?

Или лучше взять ui

кто-нибудь ng2-bootstrap юзает? конкретно date или timepicker. не получается обернуть в компонент, чтоб в формах юзать

я обернул в своем проекте datepicker и timepicker в один компонент datetime-picker

в чем у тебя затруднения?

в чем у тебя затруднения?

Событие об изменении не приходит

Но пока пробовал только с model-driven form. Через ngInput чуть позже попробую

я template-driven form использую и во всех своих кастомных компонентах форм делаю поддержку [(ngModel)]

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

Чтобы сесть и начать писать не обращая внимания на левые инструменты

Angular2 typescript starter kit загугли

angular-cli

А в чем прикол cli если вкратце?

1) это оффициальная тулза от разработчиков ангуляра, в отличие от левых поделок, которые не факт что будут поддерживаться 2) command line тулзой пользоваться удобней чем клонировать репы с гитхаба 3) помимо базового скафолдинга приложения у cli есть отдельно генераторы для компонентов, пайпов, директив, сервисов 4) в cli из коробки настоены karma и protractor для unit и e2e тестов, файлы для тестов тоже всегда создаются генератором для каждого компонента 5) cli это стандарт, всегда лучше когда все используют один инструмент, ты приходишь на новый ng2 проект а там все так же как и на твоих предыдущих

+ еще есть оффициальный стайлгайд https://angular.io/docs/ts/latest/guide/style-guide.html и так же хорошо будет если все будут ему следовать, для этого в cli настроен tslint и генераторы которые соответствуют данному стайлгайду

еще не написали для tslint плагин для 2 ангуляра?

Отлично, спасибо за пояснение!

еще не написали для tslint плагин для 2 ангуляра?

https://github.com/mgechev/codelyzer

он встроен в cli

Привет всем. Меня зовут Игорь, я фронтенд разработчик уже примерно 5 лет. Работаю последнее время в основном с Angular (1), но вот решил оставаивать Angular 2. Нашел этот чат просто в поиске. Хочу следить за обсуждениями и возможно в них участововать. #whois

?

привет, ребят, помогите с модалками

кто пользовался ng2-bootstram modalmodule?

я template-driven form использую и во всех своих кастомных компонентах форм делаю поддержку [(ngModel)]

попробовал с ngModel, такая же ерунда. в модели вообще не видно значение из datepicker'а. завтра попробую запилить пример

Для тех у кого нет VSCode и снипитов по Ng2 от John Papa https://github.com/johnpapa/vscode-angular2-snippets теперь они есть для WebStorm https://github.com/MrZaYaC/ng2-webstorm-snippets

@bro_science можешь глянуть, пожалуйста? вдруг увидишь, почему не работает. https://github.com/zboigor/ng2-datetimepicker/blob/master/src/app/datetimepicker/datetimepicker.component.ts

конкретно, при нажатии кнопки в home, в date всегда лежит значение, которое было при инициализации

Я вот тоже только что немного разобраться с ng2-bootstrap. 2 дня не мог оформить модельное окно как отдельный компонент.

Я вот тоже только что немного разобраться с ng2-bootstrap. 2 дня не мог оформить модельное окно как отдельный компонент.

Как в итоге поборол?

Нашел решение в exportAs, и сохранением в паблик свойство инстанс на модальное окно. Позже смогу привести часть кода

Почти перевел свой небольшой проект с angular 1 на angular 2 и в целом сохранилась архитектура и код. Может оно не совсем корректно для новой методологии, но оно сейчас работает, а это уже не плохой старт

@bro_science можешь глянуть, пожалуйста? вдруг увидишь, почему не работает. https://github.com/zboigor/ng2-datetimepicker/blob/master/src/app/datetimepicker/datetimepicker.component.ts

посмотрел

вот так не надо делать - https://github.com/zboigor/ng2-datetimepicker/blob/master/src/app/datetimepicker/datetimepicker.component.ts#L46-L52

ты оба хендлера на в одно и то же свойство компонента записываешь

и одно перетирает другое

нужно 2 отдельных метода

onChange = (_: any) => {} onTouched = () => {} registerOnChange(fn: (_: any) => {}): void { this.onChange = fn } registerOnTouched(fn: () => {}): void { this.onTouched = fn }

делаю полностью как здесь http://blog.thoughtram.io/angular/2016/07/27/custom-form-controls-in-angular-2.html

ты как раз не полностью как там сделал

там было: @Component(...) class CounterInputComponent implements ControlValueAccessor { ... propagateChange = (_: any) => {}; registerOnChange(fn) { this.propagateChange = fn; } registerOnTouched() {} }

т.е на registerOnTouched автор забил

для простоты

неудачный пример прямо скажем

а ты видимо просто скопировал код из registerOnChange в registerOnTouched

не надо так делать, это два разных метода должны быть

не надо так делать, это два разных метода должны быть

аа, ясно. сейчас попробую, спасибо

да, в этом и была проблема. спасибо

Да не за что

Вот так у меня получилось использовать модальное окно как отдельный компонет. Родительный компонент: @ViewChild('membersModal') public membersModal: ModalDirective; openMembers(team: Team) { this.selectedTeam = team; this.membersModal.show(); } Модальное окно: @Component({ selector: 'tt-members-modal', templateUrl: './members-modal.component.html', exportAs: 'modal' }) export class MembersModalComponent implements AfterViewInit { @ViewChild('modal') public modal: ModalDirective;

Шаблон модальньго окна: <div bsModal #modal="bs-modal" ... </div> Использование его: <tt-members-modal #membersModal="modal" [team]="selectedTeam"></tt-members-modal>

модальное окно это не компонент в привычном смысле. как и роутер. как нотификации. и работать должны скорее как сервисы.

Вот так у меня получилось использовать модальное окно как отдельный компонет. Родительный компонент: @ViewChild('membersModal') public membersModal: ModalDirective; openMembers(team: Team) { this.selectedTeam = team; this.membersModal.show(); } Модальное окно: @Component({ selector: 'tt-members-modal', templateUrl: './members-modal.component.html', exportAs: 'modal' }) export class MembersModalComponent implements AfterViewInit { @ViewChild('modal') public modal: ModalDirective;

а нету рабочего примера на планкере?

Смогу сделать вечером, может тогда сможете меня поправить

модальное окно это не компонент в привычном смысле. как и роутер. как нотификации. и работать должны скорее как сервисы.

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

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

Не то чтобы не должно. Это банально не удобно. Проще обратиться к сервису, чтобы он отобразил модальное окно (как угодно) с нужным тебе компонентом.

@Kraigo а не было такого что модалка не активна?

На конфе был отличный пример по моральным окнам. Доклад про анимацию.

Там чувак говорил про планы на будущее, так что может это пока что-то экспериментальное