Match Angular html template file to its component class without using templateURL

Hello,

Is there a way to make Webstorm understand the link between a component.ts and a component.html files without the need of using the templateUrl ?

In my case (not Angular best practices), I want to combine several html files to build the template.

So I have something like:

import * as template1 from '!html-loader!./component1.component.html';
import * as template2 from '!html-loader!./component2.component.html';

@Component({
  template: '' + template1 + template2,

Would there be a way, to somehow match (by configuration or with a manual step) the templates file in order to not end up with unresolved variable when editing the html files?

Thanks in advance.