Dependent Dropdown List in Angular | Spring Boot API Integration with Angular | Material Design

In this tutorial will go through how we can design dependent dropdown selection using Angular with Spring Boot API

Content

=== Angular ===
1: Create Angular Project
2: Adding material module into existing project
3: Adding Material related module and other configuration
4: Updated existing file
5: Adding services for fetching country, state and city details

=== Spring Boot ===
1: Create spring boot project
2. Added spring boot data JPA and MySql dependency into POM file
3. Created 3 API

=== Database Table ===
1. countries
2. states
3. cities

CREATE TABLE countries (
id MEDIUMINT(8) UNSIGNED NOT NULL AUTO_INCREMENT,
name VARCHAR(100) NOT NULL,
PRIMARY KEY (id)
);

CREATE TABLE states (
id MEDIUMINT(8) UNSIGNED NOT NULL AUTO_INCREMENT,
name VARCHAR(255) NOT NULL,
country_id MEDIUMINT(8) UNSIGNED NOT NULL,
country_code CHAR(2) NOT NULL,
PRIMARY KEY (id)
);

CREATE TABLE cities (
id MEDIUMINT(8) UNSIGNED NOT NULL AUTO_INCREMENT,
name VARCHAR(255) NOT NULL,
state_id MEDIUMINT(8) UNSIGNED NOT NULL,
state_code VARCHAR(255) NOT NULL,
country_id MEDIUMINT(8) UNSIGNED NOT NULL,
country_code CHAR(2) NOT NULL,
PRIMARY KEY (id)
);

#SpringBoot #Angular #Course #fullstackdevelopers #integration #javatechsolutions #dropdown #dropdownlist #materialdesign #angular_developer #angular16 #angulartraining #apiintegration #springdatajpa #mysql #freecourse

Join this channel to get access to perks:

[RaviYadav-iphp]

Hi can you add one features in this modules when user select fields on the basis of dependent drop down list .. then click on submit button then a report generate something like employees details