Learn free Material tutorials

Angular 15 Setup Mock API and consume and return data

May 1, 2023 ·  7 min read

In this post, You will learn how to create a Simple mock API to return json data in an Angular application without creating a backend API Sometimes, We want to test data components using API code, if there is no backend code, This tutorial explains How to create a Backend REST API for mock data which returns json objects in the Angular application. First Create an angular application First, check angular CLI or not using ng -version...

Angular material Snackbar tutorials | mat-snackbar examples

May 1, 2023 ·  7 min read

Contents What is snackbar UI component? Angular Snackbar Configuration Import MatSnackBarModule into the angular application Simple Basic component Notification message Action button with a message Duration Snackbar Position panel class custom CSS styles - color, font Passing data with the openFromComponent method Stackblitz complete example You can see my previous about Angular button click event example What is snackbar UI component? Snackbar is an important UI element in designing front-end applications....

How to create an angular model class or interface in Angular?

May 1, 2023 ·  4 min read

In this post, This post covers a step-by-step tutorial in Angular. How to create a model class in an angular application using CLI or manually? How to generate a model interface in a typescript application using CLI or manually? When to use classes or interfaces for models in Angular applications? Initialize the model class with an array of objects in typescript Display model classes data in the angular template file Angular is a front-end UI framework that holds the information from the browser and sends it to Database....