Angular i18n built in library having an issue with switching language

hi guys, i have problem with angular/localize switching language because angular have a static translation, it should reload page when switching language right? but mine didn't work at all is there anything wrong with my configuration?

code snippet

},
"defaultConfiguration": "production"
},
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"configurations": {
"production": {
"buildTarget": "my-app:buildroduction"
},
"development": {
"buildTarget": "my-app:build:development"
},
"de": {
"buildTarget": "my-app:build:de"
}
},
"defaultConfiguration": "development"
},
"extract-i18n": {
"builder": "@angular-devkit/build-angular:extract-i18n",
"options": {
"outputPath": "src/locale"
}
},
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
"polyfills": [
"zone.js",
"zone.js/testing",
"@angular/localize/init"
],
"tsConfig": "tsconfig.spec.json",
"assets": [
{
"glob": "**/*",
"input": "public"
}
],
"styles": [
"@angular/material/prebuilt-themes/azure-blue.css",
"src/styles.css"
],
"scripts": []
}
}
}
}


}, "cli": { "analytics": false } }

Continue reading...