有什么办法可以从不同目录获取组件？

Question

我正在尝试在与主项目不同的项目中动态创建组件，并将其加载到运行时中。问题是，如果它位于不同目录中，我不知道如何获取该组件。

这里的想法来自https://denys.dev/2016-11-27/dynamic-content-in-angular/

all_payment_requests = Payment.objects.select_related('payment_method').filter(request_date__date__lte=todays_date).filter(request_date__date__gte=last_month_day)

@Component({
    selector: 'runtime-content',
    template: `
        <div>
            <h3>Template</h3>
            <div>
                <textarea rows="5" [(ngModel)]="template"></textarea>
            </div>
            <button (click)="compileTemplate()">Compile</button>
            <h3>Output</h3>
            <div #container></div>
        </div>
    `
})

到目前为止，我所拥有的就是根据运行时内容组件中显示的textarea中写入的内容创建组件并将其放入元数据中。

let metadata = {
            selector: `runtime-component-sample`,
            template: this.template
        };

        let factory = this.createComponentFactorySync(this.compiler, metadata, null);

但是我需要如何根据项目外部的其他ts文件创建元数据？