Эмодзи в html-шаблоне Angular

Я пытаюсь вставить смайлы в свой html-код. В простом html-файле это работает. А в моем компоненте Angular отображаются пустые квадраты.

Вот код, который я использовал как для простых, так и для Angular примеров:

<!DOCTYPE html>
<html lang = "en">
<head>
  <meta charset = "UTF-8">
  <meta name = "viewport" content = "width=device-width, initial-scale=1.0">
  <title>Example Page</title>
</head>
<body>
<p style = "font-weight:600"> &#128566; &#x1F636;</p>
</body>
</html>

Вывод в обычном формате: Пример простого HTML Вывод в Angular: Пример Angular

Покажите фрагмент кода angular, показывающий, как вы пытаетесь включить смайлики в шаблон. Я подозреваю, что ngsanitize или любой другой его современный эквивалент для обработки синтаксического анализа строк интерполяции может что-то испортить, но было бы полезно увидеть образец (stackblitz хорош для фреймворков в целом).

shaunhusain 02.05.2024 11:06

Я не совсем уверен, какой фрагмент вам нужен. Я использую тот же код в своем файле templateUrl: './comComponent.html', что и в примере.

Oleg Fedyshyn 02.05.2024 11:15
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
1
2
84
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Да, я понимаю, о чем вы говорите, на самом деле добавление интерполяции в этом случае заставило их отрисовываться, но я не совсем уверен, почему они не отрисовываются без интерполяции, обертывающей их:

{{'&#128566;'}}

Другие вопросы по теме

Angular 17 – невозможно привязать RouterLink, поскольку это неизвестное свойство a
Как получить параметры запроса с помощью angular 17 ssr на стороне сервера?
Как использовать автономный компонент в неавтономном компоненте?
Как имитировать вызов метода location.back() в Jest для тестирования компонентов Angular?
<mat-toolbar> меняет высоту всей страницы
Firebase Firestore блокирует стабильность приложения Angular, тем самым блокируя гидратацию в ssr
Я использую последний метод AuthGuard, он должен перенаправляться с помощью router.createUrlTree, если пользователь не вошел в систему, но он не может этого сделать
Обновление до Angular 17 — ошибка: node_modules/@types/node/globals.d.ts:72:13 — ошибка TS2403: последующие объявления переменных должны иметь тот же тип
Что было бы жизнеспособной и более гибкой альтернативой использованию моментальных снимков в Angular 16?
Как добавить условие if в другое условие if