Генерировать элемент динамически, используя угловой 6 - PullRequest
0 голосов
/ 27 сентября 2018
Кнопка

при нажатии вводит HTML-разметку, которая представляет название нового продукта и количество, которое будет добавлено в корзину.После того, как клиент отправил форму, я хочу, чтобы этот продукт хранился в массиве объектов.

Проблема, с которой я столкнулся, - это угловая защита 6, которая скрывает некоторые HTML-теги, такие как ввод.

Пытаясь обойти эту проблему безопасности, я создаю трубу с именем SafePipe, которая преобразует html в DomSenitizer

<div [innerHTML]="htmltobeadded | safe>

, в шаблоне это работает нормально.

Внутри кнопкиМетод, который я использовал javascript для внедрения htmltobeadd, и проблема безопасности снова возникла.

document.getElementById("add").innerHTML = htmltobeadded

Я использую safePipe.transform (), чтобы преобразовать мой html в Domsenitizer

safehtml = safepipe.tranform(htmltobeadded)

и использовал

document.getElementById("add").innerHTML = safehtml

Ошибка: safehtml нельзя назначить типу строки

1 Ответ

0 голосов
/ 27 сентября 2018

Ошибка: safehtml нельзя назначить для типа строки

Вы можете просто привести это к any:

document.getElementById("add").innerHTML = safehtml as any
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...