Dawid Ryczko
Dawid Ryczko
Jestem fanem Angulara i TypeScript.
Dawno temu kodowałem w Javie :)
Mar 4, 2020 1 min read

Czym jest komponent w Angularze ?

Komponenty w Angularze służą do budowania UI aplikacji. Jest to jedna z głównych składowych Angulara. Każda aplikacja w Angularze zaczyna się od jednego komponentu, kolejne tworzą drzewo komponentów.

W Angularze komponenty tworzą drzewo komponentów.

Każdy komponent posiada klasę, plik HTML i plik stylów. Opcjonalnie komponent może posiadać plik testów. Są też komponenty inline, które zbudowane są w jednym pliku.

Komponent służy do pokazywania danych i interakcji z użytkownikiem.

Przykładowy komponent:

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'Some example title';
}

Przykładowy komponent inline:

@Component({
  selector: 'app-inline',
  template: `
    <h1>Hello World</h1>
  `,
  styles: ['h1 { font-weight: normal; }']
})
export class AppComponentInline {
  title = 'Some example title';
}

Każdy komponent musi znaleźć się w module aplikacji aby można było go używać.

comments powered by Disqus