我有一个Angular 的应用程序,将安装在许多网站(所有者要求),但每个站点的配置必须不同(颜色,一些文本,一些徽标,后端服务器等)。我想写一个配置文件,将由角应用程序读取,然后应用该配置,我会把文件在每个网站和当我作出改变的后端服务器,任何配置文本或其他配置我只会改变配置文件和Angular 应用程序将工作透明。我怎样才能做到这一点?我在想写一个json文件,从Angular 上读它。这是一个好的练习吗?
zmeyuzjn1#
您可以使用“environment.ts”解决您的问题。但是我使用“environment.ts”或“environment.prod.ts”解决变量,它们在产品和开发模式中具有不同的值。对于像store/app/crm name这样的值,你可以简单地在'src'文件夹或'app'文件夹中添加像'myAppConfig.ts'这样的'ts'文件.然后像这样声明你的变量:
export const myAppConfig = { appName:'customer/your app name', version:'2.0.0.1', customerName:'mr david' };
你就可以这样使用它首先将其导入到“ts”文件中,例如“app.component. ts”。
import { myAppConfig } from 'src/myAppConfig';
然后使用它的值,如下所示:
customerName = myAppConfig.clientName;
最后,你可以从你的后端在'myAppConfig'中放置或更改值,并给你的新客户一个新版本。祝你玩得开心!
1条答案
按热度按时间zmeyuzjn1#
您可以使用“environment.ts”解决您的问题。但是我使用“environment.ts”或“environment.prod.ts”解决变量,它们在产品和开发模式中具有不同的值。
对于像store/app/crm name这样的值,你可以简单地在'src'文件夹或'app'文件夹中添加像'myAppConfig.ts'这样的'ts'文件.然后像这样声明你的变量:
你就可以这样使用它首先将其导入到“ts”文件中,例如“app.component. ts”。
然后使用它的值,如下所示:
最后,你可以从你的后端在'myAppConfig'中放置或更改值,并给你的新客户一个新版本。祝你玩得开心!