Angular2 - 使用 <head> 中的指令

Question

我有一个自定义图像指令，我想在 index.html 中使用它来加载网站图标

<head>    
   <link rel="shortcut icon" [my_directive]="path to image"/>
   ...
</head>
<body>
    <div class="content"></div>
</body>

问题是主要 Angular 组件正在引导到 content div 并且头部分中的指令被忽略。

关于引导组件以便我可以在 html 头中使用它的指令的任何建议？

更新

我创建了一个带有简化用例的 Plunker，我在其中创建了一个指令，该指令在组件下按预期呈现但在 index.html 中被忽略，请参阅 http://plnkr.co/edit/zZoR0kiCm1szy7dlXtdk?p=preview

如有任何建议，我们将不胜感激

Answer 1

指令和各种 Angular2 模板绑定语法只能在 Angular2 组件模板中使用。

您可以 bootstrap <head> 元素上的组件，但 Angular 会清除 bootstrap 组件所在元素的全部内容。

因此，在 <head>

上或

中没有使用指令的明智方法

Angular2 - using a directive in <head>