Angular Observable продолжает отображать массив вместо строки

Проект представляет собой беспорядок, поэтому я постараюсь быть максимально простым, но для контекста я использую angular, Spring и Maven. Однако я совершенно уверен, что единственная важная часть — это угловая.

Я пытаюсь выполнить вызов для отображения информации из пакета ресурсов, и он отлично работает с несколькими отпечатками консоли, показывающими, что строка не повреждена, но при загрузке она по-прежнему отображается как массив на странице (например: отображается как S,t, r,i,n,g вместо строки)

вот MessageController в Java (многопоточность является частью задания, я не считаю, что это актуально, но включил его для контекста):

public class MessageController {
    static ExecutorService messageExecutor = newFixedThreadPool(2);
    public static String myMessage = "";
    public static String myMessage1 = "";
    @RequestMapping(path = "/welcome")
    public String welcome(){
        Properties properties=new Properties();
        messageExecutor.execute(()->{
            try{
                InputStream stream = new ClassPathResource("welcome_en.properties").getInputStream();
                properties.load(stream);
                System.out.println(properties.getProperty("welcome"));
                myMessage = properties.getProperty("welcome");
            } catch (Exception e) {
                e.printStackTrace();
            }
        });
        messageExecutor.execute(()->{
            try{
                InputStream stream = new ClassPathResource("welcome_fr.properties").getInputStream();
                properties.load(stream);
                System.out.println(properties.getProperty("welcome"));
                myMessage1 = properties.getProperty("welcome");
            } catch (Exception e) {
                e.printStackTrace();
            }
        });

        String arrayMessage = myMessage+ ", " +myMessage1;
        System.out.println(arrayMessage);
        return arrayMessage;
    }
}

На этом этапе все правильно выводится на консоль, все выглядит нормально.

далее в app.comComponent.ts у нас есть:

ngOnInit(){
      this.getWelcome().subscribe(
        welcome=>{
          this.welcome= <any>Object.values(welcome);
        }}

и getWelcome():

getWelcome(): Observable<any>{
      return this.httpClient.get(this.baseURL + '/welcome', {responseType: "text"});
    }

это просто установлено с помощью:

welcome!:string;

и вызывается в html как:

{{welcome}}

используя это, на веб-странице отображается: W,e,l,c,o,m,e,,, ,B,i,e,n,v,e,n,u,e

хотя http://localhost:8080/welcome правильно отображает: Добро пожаловать, Бьенвеню

как сделать так, чтобы это сообщение отображалось правильно?