szit

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, kérdezd az Adminisztrátorokat!

[[oktatas:web:angular|< Angular]]

====== Angular - Önálló komponens ======

  * **Szerző:** Sallai András
  * Copyright (c) 2022, Sallai András
  * Szerkesztve: 2022, 2025
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
  * Web: https://szit.hu

===== Az önálló komponensekről =====

Az önálló komponensek egyszerűsített alkalmazáslétrehozást tesznek lehetővé.
Kevesebbszer kell használnunk az NgModule-t.

A HTML sablon és a CSS a .ts kiterjesztésű fájlba van építve.
===== Önálló komponens létrehozása =====


  ng new app01 --inline-style --inline-template

===== Ami létrejön =====


<code>
src/
  |-app/
  | |-app.component.spec.ts
  | |-app.component.ts
  | `-app.module.ts
  |-assets/
  |-environments/
  |-facicon.ico
  |-index.html
  |-main.ts
  |-polyfills.ts
  |-styles.css
  |-test.ts
  ...
</code>


Javítsuk a HTML részt:
<code javascript> 
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
     <h1>Valami</h1>
  `,
  styles: []
})
export class AppComponent {
  title = 'app01';
}

</code>