Изменить meta tags динамически angularjs

Question

Я пытаюсь изменить content метатега Keyword динамически.

у меня есть:

<meta name="keywords" content=""> 

и я делаю следующим образом:

$("meta[name='keywords']").attr("content", "hello"); 

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

У этого есть проблема вокруг этой проблемы?

EDIT: Я больше не буду использовать его. Мне удалось обойти эту проблему и включить этот метатег через PHP. Спасибо за помощь.

Answer 1

Просмотреть исходный код Показать только исходный код. Он не показывает динамические изменения, которые вы внесли с помощью Javascript. Если вы хотите их увидеть, вы можете посмотреть в DOM Inspector и посмотреть текущую иерархию DOM.

FYI, так как <meta> теги, как правило, в пользу гусеничном (например, поисковые системы) и многие поисковые системы не выполняют свой Javacscript, вы можете дважды подумать о том, изменив <meta> теги с JavaScript, на самом деле выполнения ничего для вас ,

Answer 2

Это не принесет пользы, потому что поисковые системы сканируют статические страницы, которые индексируются.

Если по каким-то причинам сделать это, вы можете дать, что мета-тег, идентификатор и сделать что-то подобное с JQuery:

<meta name="keywords" id="keywords" content=""> 
$('#keywords').attr('content', 'hello!'); 

Answer 3

Вы будете видеть только изменения в панели инструментов разработчика, это это концепция SPA, угловая не изменит код html-файла, только в экземпляре JS running. Чтобы сделать его функциональным для вашего сайта, вам нужно будет использовать препроцессор на вашем веб-сервере.