Ссылка Perview для разных маршрутов в angular

Может ли кто-нибудь помочь мне с угловой проблемой. У меня есть один сценарий, который мне нужно разработать в angular 8, для каждого отдельного URL (маршрутизации) нам нужен предварительный просмотр ссылок по-разному, например, я делюсь некоторыми примерами.1

Источник

2 ответа

Вам нужно либо создать собственный модуль, либо использовать библиотеку для создания динамических метаданных для каждого маршрута. Рассмотрите возможность использования библиотеки ngMeta.

Также ознакомьтесь с предыдущим вопросом о динамическом создании метаданных с использованием $routeProvider.

Источник

Можете добавить ogметатеги для выполнения этой задачи. Чтобы добавить превью к ссылке на ваш сайт, вы можете добавитьog метатеги к index.htlmфайл, как показано ниже. Чтобы он показывал превью в соответствии с вашими данными.

<head>
    <meta property="og:title" content="this is the title" />
    <meta property="og:description" content="this is the description" />
    <meta
      property="og:image"
      content="publicly avalibalbe url to your image"
    />
    <meta property="og:url" content="https://abc.lk/" />
    <meta property="fb:app_id" content="000001773503789" />
    <meta property="og:site_name" content="abc.com" />
<head>

Вы можете использовать инструмент отладчика Facebook, чтобы увидеть предварительный просмотр после добавления этих тегов на страницу index.html.

Чтобы установить динамический предварительный просмотр на разных страницах приложения, вы можете прочитать эту статью о метатегах angular.

Источник
Другие вопросы по тегам