angular-如何获取没有exportAs的指令的引用

Han*_*Che 1 angular-directive angular vmware-clarity

clrDate是不带exportAs语句的自定义第三方指令。

源代码

@Directive({
  selector: '[clrDate]',
  host: {
    '[class.clr-input]': 'true',
  },
  providers: [DatepickerFocusService],
})
export class ClrDateInput extends WrappedFormControl<ClrDateContainer> implements OnInit, AfterViewInit, OnDestroy {
  @Input() placeholder: string;
  @Output('clrDateChange') dateChange: EventEmitter<Date> = new EventEmitter<Date>(false);
  @Input('clrDate')
...
}
Run Code Online (Sandbox Code Playgroud)

我希望能够从我的控制器以及customDirective内部获得对它的引用。我怎样才能做到这一点?

<clr-date-container customDirective>
    <label for="dateControl">Requirement Date</label>
    <input id="dateControl" type="date" [placeholder]="'TT.MM.YYYY'" [(clrDate)]="item.requirementDate" (clrDateChange)="onChange($event)" [ngModel]="null" name="requirementDate"/>
    <clr-control-error>{{ 'FORMS.VALIDATION.DATE_INVALID' | translate }}</clr-control-error>
</clr-date-container>
Run Code Online (Sandbox Code Playgroud)

Sur*_*yan 5

#ref在指令上添加(模板变量),您可以在组件中获取它