我有以下模板,其中包含一个名为的测试结构指令*appUnless
:
<h1 *appUnless>
<app-hello></app-hello>
<input type="text" value="hello" />
</h1>
在我的结构指令中,到目前为止,我有这个:
import {
Directive,
Input,
TemplateRef,
ViewContainerRef,
} from "@angular/core";
@Directive({
selector: "[appUnless]",
})
export class UnlessDirective {
constructor(
private templateRef: TemplateRef<any>,
private viewContainer: ViewContainerRef
) {}
@Input()
set appUnless(message: string) {
const embeddedViewRef = this.viewContainer.createEmbeddedView(
this.templateRef
);
}
}
如何input
从指令中获取对元素的引用?我希望能够引用与在其input
上放置模板引用声明没有什么不同,即,如果我要做<input #myInput>
. 显然,由于我不控制放置在容器内的内容,因此我无法#myInput
放入模板中。
另外,如何从该指令中获取对具有正确类型的AppHelloComponent
(支持的)的引用?app-hello