Size: a a a

JavaScript.Ninja

2020 April 12

MM

Mikita Melnikau in JavaScript.Ninja
я просто совсем ещё новый в angular - первый боевой опыт
источник

VL

V L in JavaScript.Ninja
Вы можете обработать строку до вставки в шаблон как вам нужно, вставить теги и тд, затем в целевом теге используете директиву innerHtml и в неё кладете уже преобразованную строку с тегами, но не забудьте через санитайзер пропустить
источник

VL

V L in JavaScript.Ninja
В компоненте
myString = '<span>Some string</span>'
В шаблоне
<div [innerHtml]="myString"></div>
источник

VL

V L in JavaScript.Ninja
+ санитайзер
источник

VL

V L in JavaScript.Ninja
Как вариант
источник

VL

V L in JavaScript.Ninja
Еще можно операции над строками вынести из компонента в пайп
источник

VL

V L in JavaScript.Ninja
В компоненте
myString = 'Some string'
В шаблоне
<div [innerHtml]="myString | replaceToTag"></div>
источник

MM

Mikita Melnikau in JavaScript.Ninja
V L
Вы можете обработать строку до вставки в шаблон как вам нужно, вставить теги и тд, затем в целевом теге используете директиву innerHtml и в неё кладете уже преобразованную строку с тегами, но не забудьте через санитайзер пропустить
Это я понимаю. Но в итоге же это будет сухой html без слушателей на компонентах?
источник

MM

Mikita Melnikau in JavaScript.Ninja
потому что я потом хочу отдавать события родителям на 2 уровня вверх на левый и правый клик плюс селект
источник

MM

Mikita Melnikau in JavaScript.Ninja
просто я не могу придумать как активировать этот пайп чтобы в итоге получить то что нужно. то есть у меня есть строка окей, я применяю к ней пайп с доп параметрами? и если он примет пайп может проставить компоненты в нужные места? я просто не знаю как правильно и как мыслить правильно. потому что в моём мышлении пайп это трансформация, а здесь нужна не трансформация, а реплейсмент
источник

ВП

Виктор Притулюк in JavaScript.Ninja
Sergey Mustafin
Господа, доброго времени суток.
Надеюсь сталкивался кто с такой задачей.
Вопрос: можно ли div согнуть пополам? Используя также perspective и т.д. (Эффект согнутого пополам листа, страницы)

Большое спасибо.
1 div не просто лежит, 2 крутите как надо.
источник

VL

V L in JavaScript.Ninja
Mikita Melnikau
просто я не могу придумать как активировать этот пайп чтобы в итоге получить то что нужно. то есть у меня есть строка окей, я применяю к ней пайп с доп параметрами? и если он примет пайп может проставить компоненты в нужные места? я просто не знаю как правильно и как мыслить правильно. потому что в моём мышлении пайп это трансформация, а здесь нужна не трансформация, а реплейсмент
Angular не поддерживает такое, вам придется делать все руками
источник

MM

Mikita Melnikau in JavaScript.Ninja
а реакт?
источник

MM

Mikita Melnikau in JavaScript.Ninja
да ну не может быть такого чтобы в ангуларе не было банального реплейсмента у фреймворка который существует 1000 лет
источник

MM

Mikita Melnikau in JavaScript.Ninja
должна быть какая-то техника на это...
источник

VL

V L in JavaScript.Ninja
Mikita Melnikau
да ну не может быть такого чтобы в ангуларе не было банального реплейсмента у фреймворка который существует 1000 лет
Вы можете динамически создать компонент
источник

MM

Mikita Melnikau in JavaScript.Ninja
да, именно это я и хочу
источник

MM

Mikita Melnikau in JavaScript.Ninja
подскажите, пожалуйста, как
источник

VL

V L in JavaScript.Ninja
Mikita Melnikau
подскажите, пожалуйста, как
источник

VL

V L in JavaScript.Ninja
Mikita Melnikau
подскажите, пожалуйста, как
Но скорее всего Вам придется скомбинировать предыдущее решение с этим, сначал расставить ng-template, затем вставить компоненты
источник