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

====== Angular minimális ======

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

===== 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/
  |-src/
  |  |-app/
  |  |  |-app.component.ts
  |  |  `-app.module.ts
  |  |-assets/
  |  |-environments/
  |  |-favicon.ico
  |  |-index.html
  |  |-main.ts
  |  |-polyfills.ts
  |  `-styles.css
  |-.browserslistrc
  |-.gitignore
  |-angular.json
  |-package-lock.json
  |-package.json
  |-README.md
  |-tsconfig.app.json
  `-tsconfig.json
</code>


===== Sablon és Stíluslap =====

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/
  |-src/
  |  |-app/
  |  |  |-app.component.css
  |  |  |-app.component.html
  |  |  |-app.component.ts
  |  |  `-app.module.ts
  |  |-assets/
  |  |-environments/
  |  |-favicon.ico
  |  |-index.html
  |  |-main.ts
  |  |-polyfills.ts
  |  `-styles.css
  |-.browserslistrc
  |-.gitignore
  |-angular.json
  |-package-lock.json
  |-package.json
  |-README.md
  |-tsconfig.app.json
  `-tsconfig.json
</code>

===== Link =====

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