angular - 如何将具有动态属性的值添加到 config.json 文件中

Question

当 config.json 文件中有这样的值时，

        {
           "timeout": 10000

        }

在我的 .ts 文件的实现方法中读取如下值

 duration :  this.config.getConfig('timeout')

我的 config.Service 类是，

  export class ConfigService {

  private config: Object = null;
  constructor(private http: HttpClient) { }

  public getConfig(key: any) {
    return this.config[key];
  }

  public loadConfig() {
    return this.http
      .get<Config>('../user/configuration/config.json')
      .toPromise()
      .then(Configdata => {
        this.config = Configdata;
      
      });
  }
}

当 Angular 中我的 .ts 文件中的已实现方法中有如下值时。

errorMessage: "An error due to ${code} has been occured.Please try Again.Thanks!!!"

其中'code'是动态值。它因场景而异，我想知道我们是否可以将errorMessage添加到config.json文件中？

如果可能，那么在将 errorMessage 添加到 config.json 文件后，如何在 ts 文件中读取它？

谢谢你。

Answer 1

最简单的方法是用动态值替换代码文本，如下所示：

let errorText = "An error due to ${code} has been occured.Please try Again.Thanks!!!";
errorText = errorText.replace('${code}', 'pass the value');
console.log(errorText);

将 errorMessage 添加到配置文件中：

{
   "timeout": 10000
   "errorMessage" : "An error due to ## has been occured.Please try Again.Thanks!!!"
}

const errorText = this.config.getConfig('errorMessage').replace('##', 'the dynamic value');