Size: a a a

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

2019 December 03

Е

Евгений in Angular - русскоговорящее сообщество
ILshat Khamitov
Пока нет необходимости с роот писать, не так много сущностей и динамики нет почти, в динамической проекте игрался, там можно да
Спасибо, буду знать)
источник

AI

Alexander Iworb in Angular - русскоговорящее сообщество
Всем привет. Подскажите, хочу в диалог передать массив элементов и функцию для их вывода, либо шаблон для вывода. Если с функцией проблем нет, то вот шаблон передать сложновато. Подскажите, можно ли в коде напрямую создать некий TemplateRef и отправить его?
источник

ПЯ

Павел Якупов in Angular - русскоговорящее сообщество
покажи пример формата шаблона
источник

AI

Alexander Iworb in Angular - русскоговорящее сообщество
Например вот так: массив элементов в виде {id: string, name: string}
Функция для отображения: (it: any) => it.name
Шиблон: <div><b>{{ id }}</b> {{ name }}</div>
источник

AI

Alexander Iworb in Angular - русскоговорящее сообщество
Т.о. если передавать функцию, то она просто будет у элемента брать name и выводить его, а если хочется более сложный вариант вывода, то нужен TemplateRef или что-то на подобии него. Вот только как его создать без ng-template в самом html файле, а, к примеру, в сервисе, я пока не разобрался, с чем и прошу помощи.
источник

G

Galeups in Angular - русскоговорящее сообщество
А чем ngFor не угодил?
источник

AI

Alexander Iworb in Angular - русскоговорящее сообщество
В смысле? Я в ngFor и вызываю последовательный вывод.
источник

КВ

Кирилл Валиков in Angular - русскоговорящее сообщество
Alexander Iworb
Т.о. если передавать функцию, то она просто будет у элемента брать name и выводить его, а если хочется более сложный вариант вывода, то нужен TemplateRef или что-то на подобии него. Вот только как его создать без ng-template в самом html файле, а, к примеру, в сервисе, я пока не разобрался, с чем и прошу помощи.
Можно создавать компонент, а не шаблон. Это легко нагуглить)
источник

AI

Alexander Iworb in Angular - русскоговорящее сообщество
Там идет нечто вроде такого:
<ng-container *ngFor="let item of items">
 <ng-container *ngIf="display">{{ display(item) }}</ng-container>
 <ng-container *ngIf="htmlTemplate"><!-- render html template with "item" context --></ng-container>
</ng-container>
источник

SP

S P in Angular - русскоговорящее сообщество
сенсеи!
кто может подсказать, каким образом лучше перевести запись такого вида в человекоподобную?

&quot;comment&quot;&lt;text&gt;

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

A

Ale-op in Angular - русскоговорящее сообщество
S P
сенсеи!
кто может подсказать, каким образом лучше перевести запись такого вида в человекоподобную?

&quot;comment&quot;&lt;text&gt;

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

SP

S P in Angular - русскоговорящее сообщество
Ale-op
Регулярку написать?
как вариант.
встроенных решений нет?
источник

A

Ale-op in Angular - русскоговорящее сообщество
S P
как вариант.
встроенных решений нет?
Это первое, что пришло в голову) Про встроенные решения - не видел, может и есть что-то подобное для форматирования
источник

SP

S P in Angular - русскоговорящее сообщество
Ale-op
Это первое, что пришло в голову) Про встроенные решения - не видел, может и есть что-то подобное для форматирования
а как это загуглить можно? )
я просто хз, как такие строки называются )
источник

A

Ale-op in Angular - русскоговорящее сообщество
S P
а как это загуглить можно? )
я просто хз, как такие строки называются )
Это самый главный вопрос) Я бы написал "экранирование angular", для начала)
источник

SP

S P in Angular - русскоговорящее сообщество
Ale-op
Это самый главный вопрос) Я бы написал "экранирование angular", для начала)
=__=
источник

В

Виталий in Angular - русскоговорящее сообщество
Привет.

Сделал компонент MyComponent. У него два трансклюда - хидер и боди.
в ng-component сделал селектор по элементу, получилось:

<my-component>
 <my-component-header>Header</my-component-header>
 <my-component-body>Body</my-component-body>
</my-component>

После этого ангуляр начал ругаться на кастомный элемент.

Вопрос:
Что делать в этой ситуации?
Является добавление CUSTOM_ELEMENTS_SCHEMA хорошей практикой? Да/нет, почему? 🙂
источник

Вキ

Вертихвост キバ in Angular - русскоговорящее сообщество
Виталий
Привет.

Сделал компонент MyComponent. У него два трансклюда - хидер и боди.
в ng-component сделал селектор по элементу, получилось:

<my-component>
 <my-component-header>Header</my-component-header>
 <my-component-body>Body</my-component-body>
</my-component>

После этого ангуляр начал ругаться на кастомный элемент.

Вопрос:
Что делать в этой ситуации?
Является добавление CUSTOM_ELEMENTS_SCHEMA хорошей практикой? Да/нет, почему? 🙂
А там angular elements используется?
источник

В

Виталий in Angular - русскоговорящее сообщество
Вертихвост キバ
А там angular elements используется?
У меня там обычный компонент.
источник

В

Виталий in Angular - русскоговорящее сообщество
Компонент внутри себя использует ангуляр элементс если я не ошибаюсь.
источник