Описание есть. Размеры гридов прекрасно отображааются на этой странице.

Ow.. ок. Ну bootstrap легко конфигурировать https://v4-alpha.getbootstrap.com/layout/grid/#customizing-the-grid

а где можно почитать про формы в Angular 2, только свежую инфу?

доки прочитал, но не уверен, что template driven это единсвенный вариант

загугли model driven forms angular 2

сайт называется что-то типа thoughtgram - довольно хорошо все расписано

доки прочитал, но не уверен, что template driven это единсвенный вариант

Это не только не единственный но и не самый лучший http://blog.thoughtram.io/angular/2016/06/22/model-driven-forms-in-angular-2.html

https://youtu.be/xYv9lsrV0s4

спасибо большое

https://youtu.be/xYv9lsrV0s4

Ухты, я и не знал, что она на презентациях выступает

Ухты, я и не знал, что она на презентациях выступает

Да не только - у нее было прикольное видео (что-то вроде мастер класса) https://youtu.be/E92KS_YCSf8

Да не только - у нее было прикольное видео (что-то вроде мастер класса) https://youtu.be/E92KS_YCSf8

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

Ребят, а как быть с селектами в FormBuilder?

по formControlName не биндится

биндить ngModel?

а стоп, мой косяк ?

а стоп, мой косяк ?

Да все должно работать. + Не забывайте что формы от модели называются Reactive Forms - поэтому там вот такие чудеса возможны // editProfileForm uses autosave this.editProfileFormGroup.valueChanges .debounceTime(1000) .filter(() => this.editProfileFormGroup.valid) .distinctUntilChanged() .switchMap((values) => this.http.post(Constants.API_PREFIX + '/profile', values).retryWhen(attempts => // incremental backoff attempts .zip(Observable.range(1, 3), (_, i) => i) .flatMap((i: number) => { return i < 3 ? Observable.timer(i * 1000) : Observable.throw('Retry was not helpfull'); }) )) .subscribe(null, this.onAutoSaveProfileFail);

ОМГ

мощно

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

Это Debounce + фильтрация валидных данных + отмена действий если по факту ничего не поменялось (к примеру удалил символ и тутже такойже добавил) + сразу делается запрос (автосохранение) и делается 3 retry с Incremental backoff

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

<form novalidate [formGroup]="changeEmailFormGroup" (ngSubmit)="onChangeEmailSubmit(changeEmailFormGroup)">

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

окай, спасибо спробую

Вопрос, а как быть с массивом? например чекбоксы или кастомный мультиселек?

Вопрос, а как быть с массивом? например чекбоксы или кастомный мультиселек?

а что с ним не так?

как в formcontrol заигачить массив? просто кастомной функцией?

ну ты можешь написать свой форм контрол

value которого будет массив с выбранными пунктами

там был контрол для этого

что-то вроде ControlArray

ща поищу

formArray

чета сложна

https://www.youtube.com/watch?v=xYv9lsrV0s4&feature=youtu.be Посмотрите видео

смотрю

как в formcontrol заигачить массив? просто кастомной функцией?

Зачем тебе массив? Можешь пример.

проще будет, если начнешь думать об этом в терминах модели данных. массив, строка, число - это способы представления

но по сути своей у тебя есть свойство А и есть контрол А', который дает UI для его редактирования

кстати да, если массив это значение поля, то это просто formControl

а если массив контролов, тогда formArray

хотел с работы вопрос задать, но кто-нибудь писал структурные компоненты?

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

типа <switcher><view-entity *viewMode><edit-entity *editMode></switcher>

Зачем тебе массив? Можешь пример.

например кастомный селект с мультизначениями или чекбоксы, если проще

просто не догоняю саму модель, вот есть кастомный инпут, я объявил в formbuilder property: [[], Validators.required]

view-entity и edit-entity могут быть разными. я это сделал, но по каким-то причинам если писать <div *viewMode><p>Hello!</p> {{ vehicle.model } </div> у меня выводилось Hello, но мой баиндинг не выводился. хотя информация точно была

view-entity и edit-entity могут быть разными. я это сделал, но по каким-то причинам если писать <div *viewMode><p>Hello!</p> {{ vehicle.model } </div> у меня выводилось Hello, но мой баиндинг не выводился. хотя информация точно была

Пример на Plunkr можете набрасать? Скинуть ссылку?

да, завтра уже на работе код будет и набросаю. скину сюда

просто не догоняю саму модель, вот есть кастомный инпут, я объявил в formbuilder property: [[], Validators.required]

какой UI контрол отвечает за редактирование этого проперти?

какой UI контрол отвечает за редактирование этого проперти?

например чекбоксы

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

просто не догоняю саму модель, вот есть кастомный инпут, я объявил в formbuilder property: [[], Validators.required]

<select [(ngModel)]="selectedCity"> <option *ngFor="#city of cities" [ngValue]="city">{{city.name}}</option> </select> class MyComp { selectedCity: Object; cities: Object[] = [ {name: "SF"}, {name: "NYC"} ]; }

Можно узнать, я ли этот Геннадий?

Геннадий has been warned (1/3)

Контекста вообще нет

Не знаю.. я всем подряд раздавал - могли попасть под горячую руку.

<select [(ngModel)]="selectedCity"> <option *ngFor="#city of cities" [ngValue]="city">{{city.name}}</option> </select> class MyComp { selectedCity: Object; cities: Object[] = [ {name: "SF"}, {name: "NYC"} ]; }

yep, но мне нужно, чтобы selectedCity = ['city']

yep, но мне нужно, чтобы selectedCity = ['city']

Все понял. Что-то вроде Tag input?

Все понял. Что-то вроде Tag input?

ага

ага

http://blog.thoughtram.io/angular/2016/07/27/custom-form-controls-in-angular-2.html - Алексей уже ссылку скинул

смотрю сейчас ее

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

но в твоем случае контрол будет возвращать не число, а массив

контрол = компонент

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

не пробовал, но можно сделать formArray из чекбоксов и потом собрать выбранные по идее

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

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

https://plnkr.co/edit/XLoLTtbll4jxp9hFzxsI?p=preview

для мултиселекта

спасибо за помощь так и сделаю

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

советую начинающим кто еще не смотрел

+ дешку про observable чел объясняет

Пример на Plunkr можете набрасать? Скинуть ссылку?

накидал минимально рабочий пример на планкере, и в нем все работает. что теперь с этим делать совершенно непонятно

https://plnkr.co/edit/MSR1zGU0zhYBEj6woQSU?p=preview

накидал минимально рабочий пример на планкере, и в нем все работает. что теперь с этим делать совершенно непонятно

Накидали но похоже не сохранили :) А вообще это значит что проблема не в Angular а где-то в коде. Нужно искать

вот правильная ссылка

ага, впервые планкером пользуюсь. Алексей, можно и на ты, если так будет комфортней

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

ага, впервые планкером пользуюсь. Алексей, можно и на ты, если так будет комфортней

привычка (мне многие об этом говорят :) ) один вариант который вы можете у себя в проекте сделать это сохранить ваш код (git commit) и начать удалять вещи. Прям удалять пока не прийдете к plnkr варианту. Где-то в ходе этого процесса станет ясно что не так.

сейчас так и поступлю, спасибо. есть подозрение, что намудрил с ChangeDetectionStrategy (в планкере стратегия дефолтная)

сейчас так и поступлю, спасибо. есть подозрение, что намудрил с ChangeDetectionStrategy (в планкере стратегия дефолтная)

Очень вероятно.

так и есть. в методе ngOnInit я делал выставление некоторых значений и все заработало после того, как сделал в конце метода this.changeDetector.detectChanges()

правда до конца непонятно почему так. есть рекомендации для хорошего видео/статьи по changeDetector-у?

а то вижу у него много методов типа detectChanged, markForCheck и т.п. и довольно стремно не понимать когда и зачем их использовать

Всем привет! Прописал такой конфиг в package.json "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "tsc": "tsc", "tsc:w": "tsc -w", "start": "concurrent \"npm run tsc:w\" \"lite-server -c bs-config.json\" \"gulp watch\" " }

Но lite-server все-равно запускается без учета настроек когда пишу npm start, почему?

В bs-config.json указана только папка { "server": {"baseDir": "./dist"} }

Ребят, не подскажите прогу под os x для скринов с прокруткой?

а CMD+Shift+4 ?

ну и CMD+Shift+3

они бещ прокрутки

а что значит прокрутка? (сорьки)

скролбар на странице

нужна автопрокрутка и скриншотинг содержимого