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 projekt készítés kapcsolói ======

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

===== Standalone elhagyása =====

Ha szeretnék az Angular 16-ban alapértelmezett app.module.ts állománnyal dolgozni, vagyis
kihagyni a standalone módot:

Megoldás:

<code>
ng new app01 --no-standalone
</code>

===== Minimális projekt =====

  ng new --minimal --routing false app01





===== Minimális projekt létrehozása =====

A minimális projekt létrehozása

  ng new app01 --minimal

==== Ami nincs ====

  * teszt
  * külön fájlban HTML
  * külön fájlban stílus


==== Ami van ====


<code>
app01/
  |-node_modules/
  |-public/
  |-src/
  |  |-app/
  |  |  |-app.component.ts
  |  |  |-app.config.ts
  |  |  `-app.routes.ts
  |  |-index.html
  |  |-main.ts
  |  `-styles.css
  |-.browserslistrc
  |-.gitignore
  |-angular.json
  |-package-lock.json
  |-package.json
  |-README.md
  |-tsconfig.app.json
  `-tsconfig.json
</code>


===== Minimális projekt sablonnal és stíluslappal =====

Ha szeretnénk legyártani a .html és .css fájlt is:

<code>
ng new app01 --minimal --inline-style false --inline-template false
</code>

Röviden:
<code>
ng n app01 --minimal -s false -t false
</code>

A következő könyvtárszerkezetet kapjuk.
<code>
app01/
  |-node_modules/
  |-public/
  |-src/
  |  |-app/
  |  |  |-app.component.css
  |  |  |-app.component.html
  |  |  |-app.component.ts
  |  |  |-app.config.ts
  |  |  `-app.routes.ts
  |  |-index.html
  |  |-main.ts
  |  |-polyfills.ts
  |  `-styles.css
  |-.gitignore
  |-angular.json
  |-package-lock.json
  |-package.json
  |-README.md
  |-tsconfig.app.json
  `-tsconfig.json
</code>


===== Teszt nélkül =====

Ha teszt nélkül szeretném létrehozni az Angular alkalmazást:

  ng new app01 --skip-tests

Ez a viselkedés megmarad a további generálások során is, mivel bejegyzésre kerül az angular.json fájlba.

Ha létrehozok egy komponens a teszt fájl ott sem jelenik meg. Például a login komponens
létrehozása:

  ng generate component login

Három állomány jelenik meg:

  * login/login.component.css
  * login/login.component.html
  * login/login.component.ts

===== Link =====

  * https://angular.io/cli/new (2022)