如何使用Angular指令标记

时间:2014-04-14 13:51:55

标签: javascript angularjs angularjs-directive

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

然而,这并不是我想要的,因为它会将<mytag>添加到正文而不是<head>

有谁知道如何使用head-tag?

1 个答案:

答案 0 :(得分:5)

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

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

  • 将指令重命名为:zbRouteStyles
  • 修改了限制以包含属性:restrict:&#39; EA&#39;
  • 更改了行:elem.append($compile(html)(scope));angular.element('head').append($compile(html)(scope));

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

e.g:

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