javascript - 如何在 Angular 5 组件中有条件地加载 templateUrl html 文件

Question

我的项目中有一个场景，考虑一下，我有一个 testDynamic 组件

@Component({
    templateUrl: "./test-dynamic.html", // Need to override this file
    styleUrls: ['./test-dynamic.css']
})
export class testDynamic {
    constructor() { }
}

这里需要检查覆盖文件夹中是否存在 override1.html 文件，然后加载此文件作为 templateUrl，否则加载组件默认的 test-dynamic.html。知道如何实现这一目标吗？

引用下图可以清楚理解

Answer 1

引用下面的链接，这是动态templateUrl的一个很好的例子

Angular 2/4 component with dynamic template or templateUrl