CRUD #1 Admin can View Blog List - Angular 6 / Angular 7
Posted at: December 15, 2018 6:10 PM
Blog Model
Create a Blog class in its own file in the src/app/models folder.
Define field in Blog class
Blog Service
Create blog service in services folder.
Import Blog, HttpClient, HttpErrorResponse, throwError, catchError into src/app/services/blog.service.ts
Service file src/app/services/blog.service.ts
Update AuthInterceptor
Open AuthInterceptor file src/app/http-interceptors/auth-interceptor.ts and replace this code { Authorization: `Bearer ${authToken}` } to { Authorization: authToken }
Manage Blog Component
Import BlogService and Blog into src/app/admin/manage-blogs/manage-blogs.component.ts
Open component html file src/app/admin/manage-blogs/manage-blogs.component.html
Update in API
Open Api controller and create method adminBlogs for blog listing.
Get header and match token for authorized user.
Open model file Api_model and create methods get_admin_blogs and checkToken
This lesson also available on YouTube
More Posts - Angular Project Training
- Project Overview and Setup
- Bootstrap Integration
- Project Structure and Create Modules and Components
- Theme Integration and Create Home Page
- Create Routing, Navigation and Inner Page
- Service and Http Client, Blog Listing and Featured Blog
- Service and Http Client for Blog Detail, Recent Blog and Categories
- Service and Http Client for Create Static Pages
- Create Contact Form and Send Data on Email
- Login and Logout using Web API with Token Based Authentication
- CRUD #1 Admin can View Blog List
- CRUD #2 Create, Edit, and Delete Blog with File Upload
- Set HTTP Base URLs of Production and Development Environment
- Angular Project Deployment on Live Server
Angular 6/7 Tutorial in Hindi
Angular 7 is a JavaScript based framework for building web applications and apps in JavaScript, html, and TypeScript, which is a superset of JavaScript, used to create Single Page Applications.
truecodex.com provides video tutorial for enough understanding of all the necessary components of Angular 6 and Angular 7.
truecodex.com will keep uploading videos of the latest features of Angular. Please subscribe my channel for latest videos.
Please leave comments
21 Comments
