Size: a a a

Angular - русскоговорящее сообщество

2020 April 13

NA

Noyan Abdigapar in Angular - русскоговорящее сообщество
Привет всем. Как вот такую встроить в текст аре? или это вообще другой компонент?
источник

AB

Andrew Baranow in Angular - русскоговорящее сообщество
Это другой. не вспомню как называется!
источник

SB

Serge Bazan in Angular - русскоговорящее сообщество
напр, ckeditor
источник

NA

Noyan Abdigapar in Angular - русскоговорящее сообщество
Andrew Baranow
Это другой. не вспомню как называется!
если ты это мне, то я тоже не могу вспомнить название этого элемента или редактора
источник

Д

Данила in Angular - русскоговорящее сообщество
Andrew Baranow
Привет.
Я создал динамически компонент. ОК
у меня есть <div #entityHeaderComponent></div>
@ViewChild('entityHeaderComponent', { static: false, read: ViewContainerRef } ) entityHeaderComponentViewRef: ViewContainerRef;

Как я могу получить ссылку на екзепляр компонента ?
источник

AB

Andrew Baranow in Angular - русскоговорящее сообщество
this.componentRef.instance. я понимаю что этот екземпляр.
А есть команда которая достает от
@ViewChild('entityHeaderComponent', { static: false, read: ViewContainerRef } ) entityHeaderComponentViewRef: ViewContainerRef;
етот экземпляр.
Просто приходиться хранить еще 1 переменную. что не очень хорошо.
источник

OA

Oleksii Abramenkov in Angular - русскоговорящее сообщество
Noyan Abdigapar
Привет всем. Как вот такую встроить в текст аре? или это вообще другой компонент?
TinyMce   лучше всего.   Ckeditor тоже можно, но там работа с картинками дубовая...
(и там и там есть ангуларные библиотеки)
источник

AB

Aleksandr Bracyuk in Angular - русскоговорящее сообщество
@danila888_1
а почему не через директиву? и вообще - можно динамически создавать компоненты через директивы?
источник

AB

Andrew Baranow in Angular - русскоговорящее сообщество
Спасибо!
источник

Вキ

Вертихвост キバ 🏡🦊... in Angular - русскоговорящее сообщество
Aleksandr Bracyuk
@danila888_1
а почему не через директиву? и вообще - можно динамически создавать компоненты через директивы?
Да, есть уже готовая, которая делает все биндинги, исправляет change detection и life cycle автоматом: https://github.com/IndigoSoft/ngxd

Вот тут пример: https://t.me/angular_fox/271
источник

nt

nur tlek in Angular - русскоговорящее сообщество
Aleksandr Bracyuk
@danila888_1
а почему не через директиву? и вообще - можно динамически создавать компоненты через директивы?
*ngIf
источник

Вキ

Вертихвост キバ 🏡🦊... in Angular - русскоговорящее сообщество
Вот тут есть сравнение производительности, почему стоит избегать ngIf и ngSwitch для динамических компонентов. Обращаю внимание, что шкалы на графиках разные.

Работа с ngxd https://t.me/ngSoviet/113055
Работа с ngIf и ngSwitch https://t.me/ngSoviet/113057
источник

nt

nur tlek in Angular - русскоговорящее сообщество
Вертихвост キバ 🏡🦊
Вот тут есть сравнение производительности, почему стоит избегать ngIf и ngSwitch для динамических компонентов. Обращаю внимание, что шкалы на графиках разные.

Работа с ngxd https://t.me/ngSoviet/113055
Работа с ngIf и ngSwitch https://t.me/ngSoviet/113057
а я могу использовать его в веб компоненте
источник

Вキ

Вертихвост キバ 🏡🦊... in Angular - русскоговорящее сообщество
да
источник

nt

nur tlek in Angular - русскоговорящее сообщество
внутри stencill?
источник

nt

nur tlek in Angular - русскоговорящее сообщество
😁😆
источник

Вキ

Вертихвост キバ 🏡🦊... in Angular - русскоговорящее сообщество
nur tlek
внутри stencill?
С angular elements можно, с stencil возникнут некоторые трудности)
источник

nt

nur tlek in Angular - русскоговорящее сообщество
Вертихвост キバ 🏡🦊
С angular elements можно, с stencil возникнут некоторые трудности)
подскажи например я сделал веб-компонет, как я могу теперь билдить его в один файл
источник

nt

nur tlek in Angular - русскоговорящее сообщество
у меня не получается
источник

Вキ

Вертихвост キバ 🏡🦊... in Angular - русскоговорящее сообщество
nur tlek
подскажи например я сделал веб-компонет, как я могу теперь билдить его в один файл
Я использую ngx-build-plus для этого https://github.com/manfredsteyer/ngx-build-plus
источник