Je veux afficher les étiquettes sur ma page à partir de certains constants / propriétés / fichier JSON. Quelqu'un peut-il suggérer comment implémenter cela en 7.
L'objectif est que lorsqu'un utilisateur souhaite modifier le texte, l'une des étiquettes du HTML, plutôt que de la modifier dans le fichier HTML, je devrais pouvoir modifier le fichier Constantes / JSON / Propriétés et le même volonté Réfléchissez dans toutes les pages HTML, le cas échéant. Par exemple, {{lblmanage}} Et dans un autre autre fichier, lblmanage = gérer la tâche.
4 Réponses :
Angulaire fournit automatiquement des fichiers constants d'environnement
/YourApp/src/environments/environment.ts -> utilisé pour non prod, dites une utilisation simple de NG Servir. P>
et P>
/YourApp/src/environments/environment.prod.ts -> Utilisé pour Prod, utilisation de NG Build --Prod P>
Par exemple, Environnement.ts P>
import { environment } from './environment';
...
apiURL = environment.apiUrl;
Vous pouvez lire votre fichier JSON comme celui-ci:
fetchConstant(lblMAnage){
this.readJSONService.readJSON().subscribe((yourLabel)=> {
console.log(yourLabel);
this.label = yourLabel.lblMAnage;
});
}
Comment accéder à cela dans le fichier HTML sans créer une variable pour chaque étiquette?
Si vous souhaitez afficher les étiquettes sur ma page à partir de certains constants / propriétés / fichier JSON, utilisez simplement les fichiers d'environnement dans le dossier Environnement ou si l'internatination est préférée, puis i18n.
et ensuite par l'importation d'utilisation dans le composant Par exemple, si nous utilisons la première approche, le et l'accédez comme
Comment accéder à cela dans le fichier HTML, je ne veux pas créer plusieurs variables, une pour chaque étiquette.
Importer un environnement dans votre fichier .TS (composant) et obtenir une variable et un accès dans HTML comme dans le fichier .TS Var Constant = Environment.ConStant_Name; et en html {{constante}}
Je veux y accéder au fichier HTML, {{Environment.ConStant_Name}},
Pour répondre à la deuxième partie
fichier réducteur: fichier d'action Importer {action} de '@ ngrx / store'; constructeur (charge utile: n'importe où) {}
} Créer un sélecteur
const getConstantstate = CreateeTeatureLector ('constatenttate'); afin que nous puissions envoyer une action sur la page requise lorsque nous mettons à jour la constante et pour que nous puissions utiliser la méthode sélecteur.
En outre constant implique que nous ne pouvons pas changer la valeur afin de ne pas nommer en conséquence
Dans le fichier html
{{fetchconstant (lblmanage)}} dans TS Fichier {lblmanage = gérer la tâche} Il est juste un exemple, la méthode FetchConstant () doit récupérer la valeur de Lblmanage qui sera affiché à l'écran. Dans le fichier html
{{fetchconstant (lblmanage)}} // gérer la tâche dans TS File {lblmanage = gérer la tâche} Il est juste un exemple, la méthode FetchConstant () doit être récupérée la valeur pour Lblmanage qui sera affichée à l'écran.
Si vous le souhaitez pour une langue multiple, vous pouvez utiliser angular.io/guide/i18n
Quel problème êtes-vous vraiment essayer de résoudre ici.
On sonne comme la question est mise à jour
Vous souhaitez modifier l'étiquette pour la session uniquement?