我可以自动检测角度指令中的值而不是使用模板引用变量吗？

Posted 2023-03-13

【中文标题】我可以自动检测角度指令中的值而不是使用模板引用变量吗？

【英文标题】：Can I autodect a value in an angular directive instead of using a template reference variable?

【发布时间】：2018-05-23 23:14:18

【问题描述】：

我得到了什么

我有一个类似这样的指令：

@Directive(
    selector: '[appValidateOnSubmit]'
)
export class ValidateOnSubmitDirective 

    @Input('appValidateOnSubmit')
    set appValidateOnSubmit(form: NgForm) 
        // do something with the form
    

用法：

<form (ngSubmit)="submit()" [appValidateOnSubmit]="myForm" #myForm="ngForm">
    <!-- ... -->
</form>

到目前为止，这一切都很好。

问题

我能否以某种方式从 html 中删除模板引用变量 myForm？这样我就可以简单地写<form (ngSubmit)="submit()" appValidateOnSubmit> 而不是更长的<form (ngSubmit)="submit()"[appValidateOnSubmit]="myForm" #myForm="ngForm">？

_{背景是我的answer here，我正在努力改进。}

【参考方案1】：

是的，有一种方法可以通过 @Host 做到这一点

@Directive(
  selector: '[appValidateOnSubmit]'
)
export class ValidateOnSubmitDirective 

  constructor(@Host() form: NgForm) 
    console.log(form);