matrix-dimension/web/app/app.component.ts

import { Component } from "@angular/core";
import "../style/app.scss";
import { TranslateService } from "@ngx-translate/core";
import { HttpClient } from "@angular/common/http";

@Component({
    selector: "my-app", // <my-app></my-app>
    templateUrl: "./app.component.html",
    styleUrls: ["./app.component.scss"],
})
export class AppComponent {
    constructor(public translate: TranslateService, public http: HttpClient) {
        translate.addLangs(["en", "de"]);
        translate.setDefaultLang("en");
        if (navigator.language === "de") {
            translate.use("de");
        } else {
            translate.use("en");
        }
    }
}