角度2为桌面和移动设置不同的模板

Question

我正在构建一个应用程序，我希望我的一些组件将使用基于用户设备（桌面或移动设备）的不同模板和样式。 我看到了this answer，但我希望检查环境变量而不是屏幕宽度，我不想使用第三方lib。

我尝试过像

这样的事情

templateUrl: environment.platform == platformEnum.mobile ? './mobileView.html' : './desktopView.html'

但是我收到的错误是没有定义环境。

environment.ts：

export const environment = {
    production: false,
    productionLevel: 0,
    platform: platformEnum.mobile
};

有办法吗？ 感谢。