|
|
|
```yaml
|
|
|
|
Dokumentstatus: Beta
|
|
|
|
Stand: 11.11.2021
|
|
|
|
```
|
|
|
|
# Angular
|
|
|
|
|
|
|
|
## UI-Componenten
|
|
|
|
|
|
|
|
### Aufspaltung Dateien, separate Folder?
|
|
|
|
* Es gibt mindestens zwei Dateien: *.ts und *.spec.ts
|
|
|
|
* Wenn mehr als zwei Dateien, dann in extra Folder
|
|
|
|
* wenn *.ts größer als 30 Zeilen, dann Template *.html und/oder Styles *.scss/*.css in extra Dateien
|
|
|
|
* da wir hier nur eine Class pro Datei erlauben, müssen zur Component gehörige Classes separat in Dateien gespeichert sein
|
|
|
|
|
|
|
|
### Benennungen
|
|
|
|
* In Komponenten- bzw. Dateinamen haben Prefixes nichts suchen.
|
|
|
|
* Bzgl. Prefixes in Selectoren: Noch in der Diskussion (https://angular.io/guide/styleguide#component-custom-prefix)
|
|
|
|
* Um ggf. bei Fehlermeldungen durch Tests die Komponente besser finden zu können, sollte in der
|
|
|
|
|
|
|
|
## Module
|
|
|
|
|
|
|
|
* Hauptzweige der UI (entspr. Routing) sollten in extra Module gelegt
|
|
|
|
* Gemeinsam genutzte Services/Guards/Dialoge usw. sollten von der Root des Moduls abgehen, ggf. in separaten Foldern `services`, `routing`, `dialogs`, `components` usw.
|
|
|
|
|
|
|
|
|
|
|
|
Beispiel
|
|
|
|
```
|
|
|
|
- shared
|
|
|
|
- ... shared components ...
|
|
|
|
- modul1
|
|
|
|
- ...
|
|
|
|
-
|
|
|
|
- test-controller
|
|
|
|
- components
|
|
|
|
- test-status
|
|
|
|
...
|
|
|
|
- unit-menu
|
|
|
|
...
|
|
|
|
- unithost
|
|
|
|
- unithost.component.ts
|
|
|
|
- unithost.component.css
|
|
|
|
- unithost.component.html
|
|
|
|
- unithost.component.spec.ts
|
|
|
|
- services
|
|
|
|
- backend.service.ts
|
|
|
|
- backend.service.spec.ts
|
|
|
|
- command.service.ts
|
|
|
|
- command.service.spec.ts
|
|
|
|
- test-controller.service.ts
|
|
|
|
- test-controller.service.spec.ts
|
|
|
|
- test-loader.service.ts
|
|
|
|
- test-loader.service.spec.ts
|
|
|
|
- routing
|
|
|
|
- test-controller-route-guards.ts
|
|
|
|
- test-controller-routing-module.ts
|
|
|
|
- unit-route-guard.ts
|
|
|
|
- classes
|
|
|
|
- test-controller.classes.ts
|
|
|
|
- interfaces
|
|
|
|
- test-controller.interfaces.ts
|
|
|
|
- verona.interfaces.ts
|
|
|
|
- utils
|
|
|
|
- local-storage.util.ts
|
|
|
|
- test-data
|
|
|
|
- unit-test.util.ts
|
|
|
|
- unit-test-example-data.ts
|
|
|
|
- index.ts
|
|
|
|
- test-controller.module.ts
|
|
|
|
``` |
|
|
|
\ No newline at end of file |
