我正在try 根据我引入的一个新环境变量将我的html文件动态加载到ANGLE的组件templateUrl中.
它看起来是这样的:
@Component({
selector: 'app-user-view',
templateUrl: environment.newUI? './new-view.component.html' : './view.component.html',
styleUrls: ['./view.component.scss']
})
这在本地有效，但是当我将其部署到Azure时，不会加载HTML.
我已经能够确认环境变量不是问题所在.当我使用http-server dist/local启动它时，我得到以下错误:
获取http://127.0.0.1:8080/view.component.html 404(未找到)
如有任何建议或建议，欢迎光临！)
我能够通过使用Wasif的解决方案作为基础来解决这个问题-谢谢Wasif！
首先，我创建了一个新组件，它扩展了我原来的组件:
@Component({
selector: 'app-user-view',
templateUrl: './new-view.component.html',
styleUrls: ['./view.component.scss']
})
export class UserViewNewUIComponent extends UserViewComponent {}
然后在路由中，我可以根据环境变量进行切换，如下所示:
{ path: 'user', component: environment.newUI? UserViewNewUIComponent : UserViewComponent }
我确实try 在templateUrl中使用绝对路径，但不幸的是这不起作用