Add locator to angular host component programmatically

Is it possible to add a locator to an angular host component via host property?

@Component({
selector: 'ui-header',
templateUrl: './ui-header.component.html',
styleUrl: './ui-header.component.scss',
standalone: false,
host: { "locator": "headerLocator" }, //???
})
export class UiHeaderComponent {
title = input.required<string>()
subtitle = input<string>()
}


desired result:

<ui-header title="my-header" #headerLocator/>

Continue reading...