1. import { Component } from '@angular/core';
2.  
3. @Component({
4.   selector: 'app-root',
5.   template: `
6.     <div  center;">
7.       <h1>Mława</h1>
8.       <p>
9.         Mława – miasto w Polsce w województwie mazowieckim, siedziba powiatu mławskiego. W latach 1975–1998 miasto administracyjnie należało do województwa ciechanowskiegostorią. Miasto leży nad rzeką Seracz przy granicy z województwem warmińsko-mazurskim.
10.  
11. Pod względem historycznym Mława leży na Mazowszu i jest jednym z najstarszych miast tego regionu.
12.  
13. Mława była miastem królewskim Korony Królestwa Polskiego w starostwie mławskim w ziemi zawkrzeńskiej województwa płockiego w 1784 roku.
14.  
15. Według regionalizacji fizycznogeograficznej Polski miasto położone jest na pograniczu dwóch mezoregionów: Wzniesienia Mławskiego i Równiny Raciąskiej.
16.  
17. Sąsiednie gminy: Iłowo-Osada, Lipowiec Kościelny, Szydłowo, Wieczfnia Kościelna, Wiśniewo, Dzierzgowo.
18.       </p>
19.       <img ngIf="firstImageVisible" src="assets/images/mlawa.jpg" alt="Pierwsze zdjęcie"  block; margin: 0 auto;">
20.       <img ngIf="!firstImageVisible" src="assets/images/mlawa2.jpg" alt="Drugie zdjęcie"  block; margin: 0 auto;">
21.       <div  20px;">
22.         <button (click)="showFirstImage()">Ratusz</button>
23.         <button (click)="showSecondImage()">Kościół</button>
24.       </div>
25.     </div>
26.   `,
27.   styleUrls: ['./app.component.css']
28. })
29. export class AppComponent {
30.   title = 'zadanie';
31.   firstImageVisible: boolean = true;
32.  
33.   showFirstImage() {
34.     this.firstImageVisible = true;
35.   }
36.  
37.   showSecondImage() {
38.     this.firstImageVisible = false;
39.   }
40. }
41.