https://github.com/nikos-moutafis/angular-exercise-0-
https://github.com/nikos-moutafis/angular-exercise-0-
angular typescript
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/nikos-moutafis/angular-exercise-0-
- Owner: Nikos-Moutafis
- Created: 2023-04-01T19:53:36.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-04-24T00:05:41.000Z (about 3 years ago)
- Last Synced: 2025-11-20T07:06:06.512Z (7 months ago)
- Topics: angular, typescript
- Language: TypeScript
- Homepage: https://nikos-moutafis.github.io/angular-exercise-0-/
- Size: 356 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular Exercise
## This app takes user's input and sorts one word a time. It sorts it based on word's length(odd or even).
### Techniques that used :
- #### Angular directives: [(ngModel)] for two-way data binding which allows the user input to be stored in the userInput variable and displayed in the input field, *ngIf directive to conditionally show or hide the error message when the user input contains spaces.
- #### Event binding: It uses (click) event binding to listen for clicks on the "Submit" button and call the onUserClick method.
- #### Property binding: It uses [disabled] property binding to disable the "Submit" button when the user input contains spaces, it also uses property bindings to pass data to the child components app-odd-length-words and app-even-length-words from parent user - input)
- #### Also used : Bootstrap, CSS
## Test it here ➡️ https://nikos-moutafis.github.io/angular-exercise-0-/