如何在Angular指令中使用<head>标记

Question

我在我的Angular应用程序中尝试了这个,但它不起作用.所以我尝试<mytag>在头部插入一个自定义标签(),并通过将"head"替换为"mytag"使指令工作.

然而,这并不是我想要的,因为它增加<mytag>了身体而不是身体<head>

有谁知道如何让它与head-tag一起使用？

Answer 1

我遇到了同样的挑战.确保在html标记上初始化您的角度应用程序.然后这个解决方案开箱即用.

但对我们来说,这不是一个理想的解决方案.所以我修改了Zack Boman(tennisgent)https://github.com/tennisgent/angular-route-styles代码,以便在应用初始化后可以在任何地方使用它.

将指令重命名为:zbRouteStyles
修改了restrict以包含属性:restrict:'EA'
改变了行:elem.append($compile(html)(scope)); 到 angular.element('head').append($compile(html)(scope));

通过这些更改,我可以在我的角度应用程序初始化之后将指令添加到任何标记,甚至是我的应用程序初始化的标记.

例如:

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