Как повесить на все href аналогичный router-link?

Question

[waltaki]

Здравствуйте.

Через API мне приходит сообщение пользователя в формате text html.
Моя цель: преобразовать этот текст в html объект, например так:

let valueHtml = document.createElement('div');
valueHtml.innerHTML = value;

(или через Renderer2)
После чего, получить из этого объекта все элементы <a>, а провести анализ href. Если hrefлокальный, то есть идёт на сам же сайт, то я вешаю на него [routerLink], если нет, то оставляю всё как есть.
Вероятнее всего, преобразовывая элемент из текста в html объект, как делаю я, сделать такого не позволит.
Я сделал обычный pipe, в который передаю весь текст html, он всё в моём замысле должен сделать и на выход дать html, уже с <a [routerLink]></a>.

Подскажите, что мне использовать? И вообще, возможно ли такое?

Angular 7.3.0

Answer 1

[Антон Швец]

Повесь обычные обработчики click, проверяешь ссылку, если она локальная, делаешь router.navigateByUrl иevent.preventDefault

Директиву routerLink бесполезно вешать, шаблоны ангуляра только кажутся похожими на html, это код, который компилируется в js. А в живом html директивы не работают.

И еще не надо впрямую присваивать innerHTML, прочитай это https://angular.io/guide/security
Достаточно использовать директиву [innerHTML]

Comments

[waltaki]

Ну [innerHTML] использую. Спасибо за совет насчёт click, наверное так и сделаю.
Я думал, что есть возможность как-то подобное задавать из кода, ну ладно))

[Антон Швец]

waltaki, возможность есть. теоретически можно притащить компилятор шаблонов в браузер, скомпилить шаблочик, скормить фабрике компонентов и таки отрендерить, но это из области фантастики и неакдекватно по сложности поставленной задаче.
Хотя вот в vue такое можно было реализовать довольно легко.

[waltaki]

Антон Швец,



Cпасибо! Всё прекрасно работает.

[Антон Швец]

waltaki, советую всегда ставить угловые скобки после ифов. Вот у вас сейчас return написан с отступом, но при этом он стоит вне if, а визуально этого не скажешь.
А если использовать ранний возврат, то код будет еще лучше читаться.

[waltaki]

Антон Швец, Хорошо, учту. В даном случае действительно визуально не понять сразу.

[Алекс Арт]

waltaki, а код вставить не судьба была?