Question

我想在index.html中使用自定义图像指令来加载favicon

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

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

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

更新

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

感谢任何建议

Answer 1

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

您可以在<head>元素上引导组件，但Angular会清除组件引导的元素的整个内容。

因此，<head>

上或之内没有明智的使用指令的方式