Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/savanihd/angular-17-crud-application
Angular 17 CRUD using API Step by Step
https://github.com/savanihd/angular-17-crud-application
angular angulat17 api crud
Last synced: about 2 months ago
JSON representation
Angular 17 CRUD using API Step by Step
- Host: GitHub
- URL: https://github.com/savanihd/angular-17-crud-application
- Owner: savanihd
- Created: 2023-12-15T13:55:33.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-26T05:30:16.000Z (about 1 year ago)
- Last Synced: 2023-12-26T06:25:36.091Z (about 1 year ago)
- Topics: angular, angulat17, api, crud
- Language: TypeScript
- Homepage: https://www.itsolutionstuff.com/post/angular-17-crud-application-tutorial-exampleexample.html
- Size: 226 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular 17 CRUD Tutorial: Consume a CRUD REST API
Build an Angular 17 CRUD example App to consume Rest APIs, display, modify & search data.
- Step 1: Create Angular 17 Project
- Step 2: Install Bootstrap
- Step 3: Create Post Module
- Step 4: Create Component For Module
- Step 5: Create Routes
- Step 6: Create Interface
- Step 7: Create Interface
- Step 8: Update Component Logic and Template
- Step 9: export provideHttpClient()
- Run Angular App![angular-17-crud-example](https://www.itsolutionstuff.com/upload/angular-17-crud.png)
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.
For more examples, please visit:
> [Angular 17 CRUD Application Step by Step](https://www.itsolutionstuff.com/post/angular-17-crud-application-tutorial-exampleexample.html)> [Angular 17 Stripe Payment Gateway Example](https://www.itsolutionstuff.com/post/angular-17-stripe-payment-integration-exampleexample.html)
> [Angular 17 Login with Google Example](https://www.itsolutionstuff.com/post/angular-17-login-with-google-gmail-account-exampleexample.html)
> [Angular 17 Simple Pagination Example](https://www.itsolutionstuff.com/post/angular-17-pagination-with-ngx-pagination-exampleexample.html)
> [Angular 17 HttpClient Request Example](https://www.itsolutionstuff.com/post/angular-17-httpclient-http-services-tutorialexample.html)
> [Angular 17 Template Driven Form Example](https://www.itsolutionstuff.com/post/angular-17-template-driven-form-with-validation-exampleexample.html)
> [Angular 17 Multiple Image Upload Example](https://www.itsolutionstuff.com/post/angular-17-multiple-image-upload-with-preview-exampleexample.html)
> [Angular 17 File Upload Example](https://www.itsolutionstuff.com/post/angular-17-file-upload-tutorial-exampleexample.html)
> [Angular 17 Image Upload with Preview Example](https://www.itsolutionstuff.com/post/angular-17-image-upload-with-preview-exampleexample.html)
> [Angular 17 Reactive Forms with Validation Example](https://www.itsolutionstuff.com/post/angular-17-reactive-forms-with-validation-exampleexample.html)
> [Angular 17 Install Bootstrap 5 Example](https://www.itsolutionstuff.com/post/how-to-add-bootstrap-5-in-angular-17-applicationexample.html)