Кнопка - это компонент или директива?

директива

директива

А почему?

Кнопка - это компонент или директива?

Конечно компонент

директива

wtf?

И вообще какая логика для определения директивы или компонента?

это простой елемент

это простой елемент

Простой - понятие относительное

И вообще какая логика для определения директивы или компонента?

Директива - для управления элементом, цвет ему поменять, действие пробросить и прочее

мне нужно сделать "свою кнопку", мне нужно на обыную повесить директику или сделать компнонент custom-button ?

директивы тоже бывают разные)

мне нужно сделать "свою кнопку", мне нужно на обыную повесить директику или сделать компнонент custom-button ?

Вставка нового элемента в dom - компонент

директивы тоже бывают разные)

Ну знаешь, не нужно сюда из ng1 тащить всякое

Ну знаешь, не нужно сюда из ng1 тащить всякое

второго это тоже касается

мне нужно сделать "свою кнопку", мне нужно на обыную повесить директику или сделать компнонент custom-button ?

а в чем "своевость" заключается?

Тогда подскажите пожалуйста, как компонент <custom-button></custom-button> заменить(!) на <button class="button"></button>?

а в чем "своевость" заключается?

у неё есть параметры от которых она меняет свой внешний вид

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

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

мне тоже хочется сделать компонент, симантически он должен быть отдельным элементом.

плюс если пока только разбираешься с ангуляром, то наверно проще делать компоненты

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

Салют! Коллеги подскажите что посмотреть по accesibility в ангуляре

есть какие готовые практики?

Тогда подскажите пожалуйста, как компонент <custom-button></custom-button> заменить(!) на <button class="button"></button>?

у директивы нет темплейта, у компонента есть. Чтобы по классу нужно в селекторе класс указать @Component({ selector: '.button' // если элемент <custom-button> тогда просто 'custom-button', если атрибут <button custom=""> тогда '[custom]' })

Привет

в async нельзя индекс подымать?

*ngFor="let map of maps$; let test = index | async" ошибку чтот ловлю

А уже планируется когда то следующий анг2 митап?

Слишком мало информации по dynmic componet renderer ?

*ngFor="let map of maps$; let test = index | async" ошибку чтот ловлю

вероятно надо let map of maps$ | async; let test = index

всем кто использует angular-cli если вам вдруг понадобится прочитать загаловки http ответа от сервера а вы запустили сервер как ng serve то знайте что .map((r: Response) => { r.headers // пусто но без ng serve будет работать вообщем сервер angular-cli пожиратель заголовков

так *ngFor="let map of (maps$ | async); let mapNumber = index;"

Слишком мало информации по dynmic componet renderer ?

Это что такое? Можно подробнее?)

Ребят, привет, а кто может помочь с ngModule? пытаюсь собрать с lazy loading и aot, но что-то не догоняю, например у меня есть несколько страниц, которые обращаются к d3, я для них создал по отдельному ngModule с imports и services, и получается, что у модулей различаются только declarations

он мне в каждый чанк по d3 запихнет или что? :)

сорян, если вопрос тупой, можно кинуть ссылкой

Этим занимается вебпак и он соберет общую часть

Если ты настроишь

Этим занимается вебпак и он соберет общую часть

Ты меня нипонял

да понятно, только вопрос-то в том, что например d3 мне в main budnle не нужен, ну предположим, и я его запихнул в отдельный module

Ты меня нипонял

Этот комментарий был для Дмитрия)

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

да понятно, только вопрос-то в том, что например d3 мне в main budnle не нужен, ну предположим, и я его запихнул в отдельный module

Тогда только бить на более большие банды и что бы между ними была общая часть

Тогда только бить на более большие банды и что бы между ними была общая часть

создаем общий бандл vendor, который грузится по обоим урлам, а дальше подтягиваем еще один уже с components и тд?

Дмитрий, у вас есть требования как в итоге должно быть ? или понимание того что вы хотите получить ?

просто пытаюс разобраться как правильно работать c ленивой подгрузкой и ngModule, раньше все просто в бандл сгружал один В идеале получается так d3 и все сервисы подгружаются один раз по любому из двух url, файлы компонентов уже отдельно для каждого

вообще вопрос такой, как быть когда несколько ngModule содержат некоторые одинаковые зависимости, например service, грзуить хочу лениво, но нужен на нескольких урлах

не создастся ли у меня несколько chunks с исходниками сервисов для каждого ngModule

уже неплохо, если сборшик webpack то у него есть плагин commonChunks, про него и про его настройки инфы много,

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

Но с ассинхронными чанками будет сложнее

сборщик вебпак, проект на ng-cli

как это сделать - вроде были статьи на хабре про него и вроде про это рассказывал Илья Кантор

С обычными entry поинтами можно играться, смешивать и так далее, с ассинхронными одна команда и куча проблем

окай, спасибо про commonСhunks почитаю

если я не ошибаюсь то lazy loading это require.enshure и вэбпак выделит этот код в отдельный чанк

ага

если я не ошибаюсь то lazy loading это require.enshure и вэбпак выделит этот код в отдельный чанк

Да и как ты сделаешь что для 2 таких чанков нужен отдельный общий файл?

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

Да и как ты сделаешь что для 2 таких чанков нужен отдельный общий файл?

Можно сделать для всех разом

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

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

я просто думал, что ngmodule как раз и решает эту проблему из коробки, что можно создать общий ngodule уже подключить на тех url которые грузим лениво и на выходе получить три чанка, один общий, и по каждому на url

есть модули ангуляра, это логические куски кода

но я ведь могу в одном ngModule обратится к другому?

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

я просто думал, что ngmodule как раз и решает эту проблему из коробки, что можно создать общий ngodule уже подключить на тех url которые грузим лениво и на выходе получить три чанка, один общий, и по каждому на url

Один общий легко получить, коммонМодулес и два параметра async и children. А вот оставить d3 только в 2 ассинхронных чанках проблема

можно вообще тянуть ангуляр с сдн и жить

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

Как же надоело в angular 2 декларировать все компоненты в модулях и следить за этими связями...

use Knockout

Как же надоело в angular 2 декларировать все компоненты в модулях и следить за этими связями...

Ну как вариант сделать один общий модуль. Иногда излишняя модульность только усугубляет ситуацию

Ну как вариант сделать один общий модуль. Иногда излишняя модульность только усугубляет ситуацию

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

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

Ну а как ты хотел ?

Ну а как ты хотел ?

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

Ну блин, тогда наоборот делай создавай отдельный модуль под 1-2 компонента ))

Тогда все довольно красиво организовать можно

Как же надоело в angular 2 декларировать все компоненты в модулях и следить за этими связями...

Можешь показать пример?)

Можешь показать пример?)

imports: [ BrowserModule, FormsModule, HttpModule, routing, ModalModule, DropdownModule ], declarations: [ AppComponent, DashboardComponent, DashboardFooterComponent, LoginComponent, ProfileComponent, ReportComponent, TeamComponent, MembersModalComponent, ProjectsModalComponent, CategoriesModalComponent, TeamActivityComponent, ExpandFocus, InputDate, // Pipe TimeToDatePipe, TaskProjectPipe, TaskCategoryPipe, TasksTimePipe, ArrayFilterPipe, GroupTasksByWeekPipe ], providers: [ RepositoryService, HttpClient ], Это еще Экспорт не дублируется

Как реакт разработчику сложно и не понятно для чего это + это дает сильную связаность проекта и будет большой клубок)

Как реакт разработчику сложно и не понятно для чего это + это дает сильную связаность проекта и будет большой клубок)

Я про это же. Утомило создавать постоянно эти связи.

Не нравится - не ешь.

Диверсия... Реактовцы в чате!

Это повстанцы )

Без подобного объявления реализация lazy loading была бы очень странной.

Как реакт разработчику сложно и не понятно для чего это + это дает сильную связаность проекта и будет большой клубок)

все с точностью наоборот, без абстракции Module нельзя избавиться от связей разных кусков системы. Module как раз уменьшает связанность

вот пример

http://i.4pcbr.com/i/4c/1CmvLJ.png

а где и как определяется loadChildren?

есть 3 функцианальных модуля которые ничего не знают друг о друге, в каждом из них несколько внутренних роутов, CRUD например /segments, segments/:id, segments/new, segments/edit и т.д и все это инкапсулировано в модуле SegmentsModule

AppModule просто подключает этот модуль и биндит на базовый роут /segments

и остальное происходит внутри него

+ это позволяет сделать lazy loading для этого модуля

AppModule даже физически не делает import {} from './segments'