Angular : utiliser les variables définies dans environment.ts
Bonjour à tous.
J'ai plein de variables définies dans le fichier environment.ts, mais je n'arrive pas à les utilisez dans un template html
Je précise que je suis totalement débutant en Angular.
J'ai essayé pas mal de choses trouvées sur le net, sans succès.
Voici mon code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
//environment.ts
// import { SidenavComponent } from 'src/app/feature/sidenav/sidenav.component';
// This file can be replaced during build by using the `fileReplacements` array.
// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
// The list of file replacements can be found in `angular.json`.
/**
* Configuration in Development Mode.
*/
export const environment = {
production: false,
limitOfNbTrajectories: 20000,
limitOfNbTrajectoriesExportPlots: 1,
env: 'development',
tileOsmEndPoint: 'http://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png',
tileSatEndPoint: 'https://...erver/tile/{z}/{y}/{x}',
version: "1.0.0"
...
...
... |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
|
<section class="">
<!-- Footer -->
<footer class="text-center text-white police-pied-de-page fond-pied-de-page">
<div class="footer-inner">
<div class="text-center">
<!-- <a (click)="openNumAccess()">Accessibilité non conforme</a> -->
<!-- <a href="javascript:void(0)" (click)="openNumAccess()">Accessibilité non conforme</a> -->
<a href="/numAccess">Accessibilité non conforme</a>
</div>
<div class="text-center">
<!-- <a (click)="openContact()">Contact</a> -->
<!-- <a href="javascript:void(0)" (click)="openContact();">Contact</a> -->
<a href="/contact">Contact</a>
</div>
<div class="text-center">
<!-- <a (click)="openVisualize()">Plan du site</a> -->
<!-- <a href="javascript:void(0)" (click)="openVisualize();">Plan du site</a> -->
<a href="/visualize/plan">Plan du site</a> </div>
<div class="text-center">
<!-- <a (click)="openProtectData()">Protection des données personnelles</a> -->
<a href="/protectData">Protection des données personnelles</a>
<!-- <a href="javascript:void(0)" (click)="openProtectData();">Protection des données personnelles</a> -->
</div>
<div class="text-center">
<!-- <a (click)="openLegalMention()">Mentions légales</a> -->
<!-- <a href="javascript:void(0)" (click)="openLegalMention();">Mentions légales</a> -->
<a href="/mentionsLegales">Mentions légales</a>
</div>
<div class="text-center">
<!-- <a (click)="downloadHelpFile()">Manuel utilisateur</a> -->
<!-- <a href="javascript:void(0)" (click)="downloadHelpFile();">Manuel utilisateur</a> -->
<!-- <a href="{{manuel}}" target="_blank">Manuel utilisateur</a> -->
<a href="/assets/Manuel%20Utilisateur%20SURVOLS.pdf" target="_blank">Manuel utilisateur</a>
</div>
<div class="text-center">
<!-- <a (click)="openUrl('dsnaLink', true);">La DS</a> -->
<!-- <a href="javascript:void(0)" (click)="openUrl('dsnaLink', true);">La DS</a> -->
<!-- <a href="{{ openUrl('dsnaLink', true) }}" target="_blank">La DS</a> -->
<!-- <a href="/env.dsnaLink" target="_blank">La DS</a> -->
<a href="https://www.ecologie.gouv.fr/controle-aerien" target="_blank">La DS</a>
<br/>
<br/>
</div>
<div class="text-center pt-5">
<p>version<p>
</div>
</div>
</footer>
<!-- Footer -->
</section> |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
|
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { environment as env } from '@env/environment';
@Component({
selector: 'app-pied-de-page',
templateUrl: './pied-de-page.component.html',
styleUrls: ['./pied-de-page.component.css']
})
export class PiedDePageComponent implements OnInit {
/**
* The url for the user manual.
*/
url = {
manuel: '../../assets/Manuel%20Utilisateur%20SURVOLS.pdf',
};
/**
* Constructor.
*/
constructor(private router: Router) {}
/**
* On init comp.
*/
ngOnInit(): void {
}
/**
* Open the given url with the appropriate env.
* @param url the given url
* @param isEnv the given env
*/
openUrl(url, isEnv): void {
if (isEnv) {
window.open(env[url]);
} else {
window.open(url);
}
}
/**
* Open pdf help file
*/
downloadHelpFile() {
window.open(env.helpFile);
}
/**
* Open the visualize url.
*/
openVisualize(): void {
/*this.router.navigateByUrl('/visualize/plan', {});*/
window.open('/visualize/plan', '_top');
}
/**
* Open in new tab the protect data page.
*/
openProtectData(): void {
window.open('/protectData', '_top');
}
/**
* Open in new tab the num accessibility page.
*/
openNumAccess(): void {
window.open('/numAccess', '_top');
}
/**
* Open in new tab the a propos page.
*/
openAPropos() {
window.open('/apropos');
}
/**
* Open in new tab contact page.
*/
openContact(): void {
window.open('/contact', '_top');
}
/**
* Open in new tab legal mention page.
*/
openLegalMention(): void {
window.open('/mentionsLegales', '_top');
}
} |
