3

我目前正在尝试使用基于组件的路由为我的 Angular 4 (v 4.2.6) 应用程序创建自定义属性指令。我遵循了关于如何创建这样一个属性指令的官方 Angular 指南。

myHighlight当指令放在根组件上时，一切正常。不幸的是，当与@angular/router插入到router-outlet.

为了将问题与我的应用程序隔离开来，我创建了一个显示问题的 Plunkr。

在这个 Plunkr 上，您可以看到一个名为myHighlight( highlight.directive.ts) 的自定义属性指令。该指令用于根组件 ( app.ts)。

然后我添加了两个与路由器一起用于基于组件的路由的组件：OneComponent( one.component.ts) 和TwoComponent( )分别two.component.ts绑定到。在这两个组件中也使用了该指令，但遗憾的是没有正确呈现/执行，并且只显示了它绑定到的 HTML 元素 ( ) 的文本。/one/twomyHighlightp

如果有人能指出我做错了什么或需要改变什么，我将不胜感激。

4

1 回答 1

1

declarations: []fromAppModule仅适用于ComponentsModule. 如果您想在不同的模块中重用组件或指令，请创建一个功能模块并将此功能模块添加到imports: []您要使用它们的每个模块中。

于 2017-07-11T13:57:47.733 回答