чем оф. апи

есть годная книга по angular 1.x?

ng-book

библия ангулярщика

сенкс

ng-book есть более новее чем 2013,

по 1.3-1.5

недавно тут по ng2 кидали ссыль

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

Все книги можно найти в разделе "Документы" этого чата

Ребят, есть вопрос, как лучше всего делать связь между компонентами (допустим я в одном компоненте меняю параметры объекта чекбоксами, а во втором компоненте у меня кнопка, при нажатии на которую эти параметры заменяют параметры объекта)

ну тем более тогда :)

в ng2 для этого @Input() @Output() используется

Да, но компоненты соседние

значит через родительский

Т.е. мне нужно в родителя, а потом во второй?

да

А сервисом это реализовать как-то можно?

можно - глобальные евенты типа ))

это ж просто, издание / подписка

но, глобальные - это не хорошо

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

повторюсь ещё раз, попробую сформулировать иначе) чат, есть селектлист, в нём несколько объектов, разделённых по признаку true/false. Я выбираю один, настраиваю, выбираю следующий - происходит сохранение предыдущего, и признак изменяется с false на true. А в селектлисте выбирается следующий объект (не тот, что я выбрал, а следующий!). Автоназначение выбранного элемента не помогает. Что можно сделать ещё? Как-то можно сделать так, чтобы angular не выбирал сам значения в селектлисте?

Просто как-то грязно выходит через родителя

можно, просто внутри сервиса синглтон будет, да можно как угодно)

А что такое синглтон??

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

))) ну синглтон - это у Вас один объект создается, который шарит подписку, на observables

yfghbvth

например

Спасибо за ответ, нужно попробовать. А как лучше делать, через сервисы или перебрасывать через родителя?

Просто я сделал через родителя, но мне кажется это немного не чисто

import {EventEmitter, Injectable} from 'angular2/core'; export interface IEmitData { key: string; data: any; who?: string; } @Injectable() export class EventService implements IEventService { private emitter: EventEmitter<IEmitData>; constructor(){ this.emitter = new EventEmitter<IEmitData?true); } emit(data: IEmitData){ this.emitter.emit(data); } subscribe(key: string, callback: (data: any)=>void): any { return this.emitter.subscribe((i) => { var d = <IEmitData>i; if (key != d.key) return; callback(d.data); }); } }

export interface IEventService { emit(data: IEmitData); subscribe(key: string, callback: (data: any)=>void); }

когда давно писал) вот - EventService ижектите в буутстрап

и все потом в компонентамх можете через emit({...}) инициировать событие а гдето подписаться на него subscribe({...}) просто по ключу

строковый ключ

Интересно, попробую) Спасибо

А есть работающий пример в опенсорсе?

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

А это как?

Молодой еще?

ну у ангулара же есть жизненные циклы компонентов, ngOnDestroy

например и там прописать unsubscribe

github.com/iwnow/ng2test

вот тут что то было у меня)

ng2test/app/source/browser/ts/services/

там как пример - изменение языка на сайте чере зэтот сервис, у всех компонентов подписка на событие изменения языка

и отписка есть соответсвенно

browser/ts/components/login.ts

например, ngOnInit() и ngOnDestroy() посмотрите

Котаны, есть какой-нибудь адекватный способ получения данных из дочерней компоненты? Ну они же вроде изолированы, все дела. У меня тут костыль такой, есть две компоненты, в родительской сорт оф враппер для сабмита формы, в нее подключается дочерняя с редактором текста. Проблема в том, что данные с дочерней держит в себе контроллер, постоянно подгружает через директиву на on change копаясь в ДОМе. Карочи, данные есть в переменной в контроллере, их надо оттуда получать в родительскую чтобы засабмитить форму, но я чет ниасилил как это сделать лучше, потому как вроде прямого обращения к дочерней или родительской компоненте не завезли (или завезли?)

Котаны, есть какой-нибудь адекватный способ получения данных из дочерней компоненты? Ну они же вроде изолированы, все дела. У меня тут костыль такой, есть две компоненты, в родительской сорт оф враппер для сабмита формы, в нее подключается дочерняя с редактором текста. Проблема в том, что данные с дочерней держит в себе контроллер, постоянно подгружает через директиву на on change копаясь в ДОМе. Карочи, данные есть в переменной в контроллере, их надо оттуда получать в родительскую чтобы засабмитить форму, но я чет ниасилил как это сделать лучше, потому как вроде прямого обращения к дочерней или родительской компоненте не завезли (или завезли?)

$scope.$parent и $scope.$childScope (первый вариант более нормальный)

А вообще у тебя двустороннее связывание есть

я не очень понял, обычные джейкверные методы в библиотеке нет?

у ангуляра 1

типа .find, .addClass

я не очень понял, обычные джейкверные методы в библиотеке нет?

Есть, но не все и с ограничениями (потому что это поперек идеологии ангуляра) jqLite называется

Работает через element в link спокойно, например

про jqLite слышал, то бишь урезанный jquery как я понимаю?

т.е.

Ага. find только по тегу и всё в таком духе

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

понял

спасибо

не очень хочется плодить воду, хотелось вообще отказаться от jq

jqLite на первое время хватит https://docs.angularjs.org/api/ng/function/angular.element но по идее надо всё в итоге с переменными и прочим ангуляровским добром переписать

я щитаю для небольшого проекта, а точнее где нет анимаций джейкверных

то этого достаточно будет

Всем привет! Как вы организовывате css в своих проектах на первом Angular? Поделитесь опытом. Есть такие, кто в темплейтах через syle стили пишет?

привет, а зачем?

в чем проблема писать на less? :)

хотя зависит от проекта)

Всем привет! Как вы организовывате css в своих проектах на первом Angular? Поделитесь опытом. Есть такие, кто в темплейтах через syle стили пишет?

модуль/компонент/компонент.js модуль/компонент/компонент.html модуль/компонент/компонент.css|.less|.styl...

Мне такая схема больше всего по душе

привет, а зачем?

Просто сейчас сесть желание разбить ui на компоненты, чтобы потом было проще перейти на 1.5 и в перспективе на 2. Если для каждого компонента добавлять свой файлик стилей в отдельную папку css, то потом трудно с ними рабоать, хочется, чтобы стили лежали рядом с компонентом (у меня это директивы пока).

а, ну по сути это по логике БЭМ

*методологии

Разбивать по "технологиям" - старый добрый способ, но на больших проектах начинаешь сильно путаться. Лучше по "смыслу", чтобы рядом лежали все файлы, относящиеся к данному функционалу.

модуль/компонент/компонент.js модуль/компонент/компонент.html модуль/компонент/компонент.css|.less|.styl...

А общие для всего сайта стили где лежат? B еще вопрос, как в таком случае делать сборку css в один файл? Они ведь не по порядку будут склеиваться

А общие для всего сайта стили где лежат? B еще вопрос, как в таком случае делать сборку css в один файл? Они ведь не по порядку будут склеиваться

а есть ли разница в каком порядке? Можно просто по классам изолировать

Общие где-нибудь в модуль/!/common.css А на порядок плевать при использовании БЭМ, например.

Просто сейчас сесть желание разбить ui на компоненты, чтобы потом было проще перейти на 1.5 и в перспективе на 2. Если для каждого компонента добавлять свой файлик стилей в отдельную папку css, то потом трудно с ними рабоать, хочется, чтобы стили лежали рядом с компонентом (у меня это директивы пока).

Это не единственный метод организации css. Я разбиваю не по компонентам, а по категории применения. Сетка, типографика, тема, блоки и т.д. Сейчас постараюсь статью по методологиям найти, выберешь подходящую. Потому что не БЭМом единым

Ок, всем спасибо за ответы

Не БЭМом единым, конечно, но он хорошо укладывается в "компонентный" подход, который сейчас везде в моде

Не БЭМом единым, конечно, но он хорошо укладывается в "компонентный" подход, который сейчас везде в моде

+++

Ок, всем спасибо за ответы

http://frontender.info/organizing-your-css-code-for-preprocessors/

http://frontender.info/organizing-your-css-code-for-preprocessors/

Спасибо

А конкретнее?

Тут случайно наткнулся на пример из ng-book2 В одном файле несколько компонентов https://github.com/rmallols/ng-book2/tree/master/rxjs/chat/app/ts/components

Тут случайно наткнулся на пример из ng-book2 В одном файле несколько компонентов https://github.com/rmallols/ng-book2/tree/master/rxjs/chat/app/ts/components

Это лажа во-первых старая - @View давно выпилили, во-вторых можно вообще весь код в одном файле написать - никто не мешает. Вопрос был в нескольких @Component на один класс, чего не может быть в принципе

А, ну так-то да

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

Я бы решал такое простым наследованием

ну то есть ты всю логику выносишь в родительский класс, а в дочерних просто прописываешь шаблоны

Наследование - это очень плохой путь

И это вкорне не отвечает задаче приложения - я так считаю