Как использовать тег <head> с директивой Angular

Я попробовал этот в моем приложении Angular, но он не работает. Поэтому я попытался вставить пользовательский тег (<mytag>) в голову и сделал директиву с этим, заменив "head" на "mytag".

Это не то, что я намеревался, потому что он добавляет <mytag> к телу вместо <head>

Кто-нибудь знает, как заставить его работать с заголовком?

Ответ 1

У меня был такой же вызов. Убедитесь, что ваше приложение angular инициализировано в теге html. Тогда это решение работает из коробки.

Однако для нас это не было идеальным решением. Поэтому я модифицировал код Zack Boman (tennisgent) https://github.com/tennisgent/angular-route-styles, чтобы его можно было использовать где угодно после инициализации приложения.

  • Переименовал директиву в: zbRouteStyles
  • Изменено ограничение на включение атрибутов: ограничение: "EA"
  • Изменена строка: elem.append($compile(html)(scope)); в angular.element('head').append($compile(html)(scope));

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

например:.

<div ng-app="myApp" zb-Route-Styles> <div>