angular - 使用 TemplateRef 的简单指令产生 "No provider for TemplateRef"

Question

我正在尝试创建一个根据条件创建 View 的指令。就像内置的 ngIf 指令一样。

这是我添加到项目中的所有内容:

export class QueryNameContext {
    public name: string;
}

@Directive({
    selector: '[action]'
})
export class QueryNameDirective {
    @Input('action')
    public name: string;

    public constructor(private viewContainerRef: ViewContainerRef,
                       private templateRef: TemplateRef<QueryNameContext>) {
    }
}

当我尝试在模板中使用指令时:

<div *action="thing"></div>

我得到这个依赖错误:

core.es5.js:1020 ERROR Error: Uncaught (in promise): Error: No provider for TemplateRef!

我的模块正在导入 CommonModule 并且我能够在 @ViewChild 中使用 TemplateRef 其他指令的绑定(bind)。

我看不出我做错了什么。

Answer 1

也许有人会遇到这个问题，所以我会把它留在这里。

我有 两个 指令错误地使用了相同的选择器。重命名此修复了 Uncaught (in promise): Error: No provider for TemplateRef! 错误。