про 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. Сейчас нет нормального решения на сколько я знаю.

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

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

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

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

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

отчего же нельзя template: require(f)

разные вью подгрузятся

ааа ну да не совсем то

наверно как то через рефлект можно

отчего же нельзя template: require(f)

во 2ом ангуляре - это обязательно строка

Там не может быть функции

наверно как то через рефлект можно

Ну это тоже не выход, хотя я его и пробовал - выходит так себе

raw loader для вебпака разве не превратит require html-ки в строку?

ну как вариант тогда экспорт настроить по-умному из модуля который рекваеришь

не, вэбпак тут вообще не причем

ну как вариант тогда экспорт настроить по-умному из модуля который рекваеришь

это все костыли, никак не решающие проблему

Всем привет, кто-нибудь разворачивал angular 2 в докере?

Всем привет, кто-нибудь разворачивал angular 2 в докере?

Это зачем еще делать?

Для серверного рендеринга, видимо?

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

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

?

/edit?id=1

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

Куда и откуда?

В переменную

В контроллере

Хорошо, какая версия ангуляр?

1

Насколько я помню они там автоматически парсятся, нужно вспоминать

1

http://stackoverflow.com/questions/11758079/how-to-get-the-url-parameters-using-angular-js

Мне вот всегда было интересно с вопросов в чатиках, которые гуглятся с первого раза

console.log($location.search().id);

Получил андефайнед

search возвращает пустой объект

$location.search()['target'] works after $locationProvider.html5Mode(true)

document.location отменили?

$location.search()['target'] works after $locationProvider.html5Mode(true)

Сделал

document.location отменили?

Парсить его я могу в любой момент. Меня интересует ангулярное решение

Хорошо бы запилить jsfiddle, а то мало ли какие там настройки

Это решение у меня работает, так что неясно почему оно может не работать в другом месте

/edit

Кто-нибудь разобрался с Observable в Angular 2? Похоже, что там под капотом Rx.js, но почему-то очень мало методов у Observable. Нет, к примеру метода filter(). Пример: у экземпляра ActivatedRoute есть поле params типа Observable<any> - параметры текущего роута в приложении. Из рективных методов там только map(), merge(), mergeAll(), lift(), skip(), take(), flatMap, concat(), combineLatest(), reduce(), every(). Приложение создано ng cli последней версии (1.0.0-beta10)

Добавь вот это в app/main.ts

import 'rxjs/Rx'

( суть в том что Rx.js поделен на модули - видимо по умолчанию подключена лишь часть модулей ) можно подключить все - c помощью import 'rxjs/Rx' а можно частями import 'rxjs/add/operator/map'; Observable.of(1,2,3).map(x => x + '!!!'); // etc https://github.com/ReactiveX/rxjs

Worked like a charm! Спасибо, Алексей!