CodAffection/Angular-7-Master-Detail-CRUD-with-Web-API

Stars
102
Rank 335,584 (Top 7 %)
Language
JavaScript
Created almost 6 years ago
Updated almost 2 years ago

CodAffection/Angular-7-Master-Detail-CRUD-with-Web-API

CodAffection

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Angular 7 Master Detail CRUD with Web API

Angular 7 Master Detail CRUD with Web API

Contents discussed :

How to design advanced master detail CRUD Operations in Angular 7.
Open detail form in pop dialog using Angular Material.
DB Design for Master Detail with foreign keys.
Enable CORS in Asp.Net Web API.

Get the Code

$ git clone https://github.com/CodAffection/Angular-7-Master-Detail-CRUD-with-Web-API.git
$ cd Angular-7-Master-Detail-CRUD-with-Web-API/Angular7
$ npm install
//run the app
$ ng serve
//update Web API DB connection string

How it works ?

Part 1

Video Tutorial : https://youtu.be/R2dOyHJu4a8

Part 2

Video Tutorial : https://youtu.be/8tMmqswQTl0

📊	List of Tutorials		💰	Support Us
Angular	http://bit.ly/2KQN9xF		Paypal	https://goo.gl/bPcyXW
Asp.Net Core	http://bit.ly/30fPDMg		Amazon Affiliate	https://geni.us/JDzpE
React	http://bit.ly/325temF
Python	http://bit.ly/2ws4utg		👉	Follow Us
Node.js	https://goo.gl/viJcFs		Website	http://www.codaffection.com
Asp.Net MVC	https://goo.gl/gvjUJ7		YouTube	https://www.youtube.com/codaffection
Flutter	https://bit.ly/3ggmmJz		Facebook	https://www.facebook.com/codaffection
Web API	https://goo.gl/itVayJ		Twitter	https://twitter.com/CodAffection
MEAN Stack	https://goo.gl/YJPPAH
C# Tutorial	https://goo.gl/s1zJxo
Asp.Net WebForm	https://goo.gl/GXC2aJ
C# WinForm	https://goo.gl/vHS9Hd
MS SQL	https://goo.gl/MLYS9e
Crystal Report	https://goo.gl/5Vou7t
CG Exercises in C Program	https://goo.gl/qEWJCs

React-CRUD-with-Asp.Net-Core-Web-API

Full Stack React js CRUD with Asp.Net Core Web

Asp.Net-Core-Web-API-and-Angular-7-CRUD

Asp.Net Core Web API and Angular 7 CRUD

Node.js-Expess-MongoDB-CRUD

Node.js Expess MongoDB CRUD

JWT-Authentication-with-.Net-Core-Web-API-and-Angular-7

JWT Authentication with .Net Core Web API and Angualr 7

Angular-5-Login-and-Logout-in-Web-API-Using-Token-Based-Authentication

Angular 5 User Authentication with Web API and Token Based Authentication

MERN-Stack-CRUD

MERN Stack CRUD - React Node.js MongoDB and Express

Create-React-Material-UI-Confirm-Dialog-Notification

Create React Material UI Confirm Dialog & Notification

Pure-JavaScript-CRUD-Operations-with-Html

Pure JavaScript CRUD Operations with Html

MEAN-Stack-CRUD-Operations

MEAN Stack CRUD Operations

Material-UI-Form-Design-and-Validation

Material UI Form Design and Validation

Django-CRUD-Operations

Complete Django CRUD Operations with PostgreSQL

Angular-7-CRUD-with-Web-API

Angular 7 CRUD with Web API

Asp.Net-Core-Web-API---Role-Based-Authorization-in-Angular-7-with-Identity-Role

Asp.Net Core Web API - Role Based Authorization in Angular 7 with Identity Role

Asp.Net-Core-5.0-Web-API-CRUD-with-Angular-11

Asp.Net Core 5.0 Web API CRUD with Angular 11

Expense-Tracker-App-in-Asp.Net-Core-MVC

Expense Tracker App in Asp.Net Core MVC

User-Registration-with-Asp.Net-Core-Web-API-and-Angular-7

User Registration with Asp.Net Core Web API and Angular 7

Angular-Material-Popup-Dialog-Model

Angular Material Popup Dialog & Model

Asp.Net-Core-MVC-CRUD-with-EF-Core

Asp.Net Core MVC CRUD with EF Core

jQuery-Ajax-with-ASP.NET-Core-MVC-using-Modal-PopUp

React-js-Master-Detail-CRUD-with-Asp.Net-Web-API

React js Master Detail CRUD with Asp.Net Web API

React-Material-UI-Table-Paging-Sorting-and-Filtering.

React Material UI Table - Paging Sorting and Filtering.

React-CRUD-with-without-redux

React CRUD with and without redux

React-Material-UI-Dialog-Modal-Popup

React Material UI Dialog/ Modal Popup

Angular-Material-Data-Table-Paging-Sorting-Filtering

Angular Material Data Table Paging, Sorting, Filtering

Node.js-MySQL-CRUD-Operations

Angular-5-Quiz-App-With-Web-API

Angular 5 Quiz App With Web API

Angular-Material-CRUD-Design

Angular Material CRUD Design

Angular-7-CRUD-with-Firestore

Angular 7 CRUD with Firestore

Quiz-App-with-React-Asp.Net-Core-API-Material-UI

Quiz App - React, Asp.Net Core API & Material UI

Angular-5-CRUD-With-Firebase

Implemented Firebase CRUD Operations in Angular 5 Project.

User-Registration-in-Angular-5-With-Web-API

Implemented User Registration in Angular 5 with Web API and Asp.Net Identity

ASP.NET-Core-MVC-without-Enitity-Framework

ASP.NET Core MVC without Enitity Framework

Angular-5-With-Web-API-CRUD-Application

Angular 5 Project With CRUD Operation Using Web API Project

React-Asp.Net-Core-API---Image-Upload-Retrieve-Update-and-Delete-

React & Asp.Net Core API - Image Upload, Retrieve, Update and Delete

MEAN-Stack-Login-and-Logout-in-Angular-6-Part-2

MEAN Stack Login and Logout in Angular 6

Angular-6-CRUD-Operation-With-Firebase

Angular 6 CRUD Operation With Farebase

To-Do-List-App-in-Angular-5

Angular 5 Project for To Do List App Using Firebase

Angular-Material-Confirm-Dialog

Angular Material Confirm Dialog

Asp.Net-Core-6.0-MVC-CRUD-Operations-with-EF-Core

Asp.Net Core 6.0 MVC CRUD Operations with EF Core

Material-UI-Component-Theme

Material UI Component & Theme

Angular-Image-Gallery-with-Firebase

Angular Image Gallery with Firebase

Angular-Inline-Editing-with-Asp.Net-Core-Web-API

Angular Inline Editing with Asp.Net Core Web API

React-CRUD-with-Firebase

React CRUD with Firebase

MEAN-Stack-Jwt-Authentication-Node-JS-Part-1

MEAN Stack Jwt Authentication Node JS

Image-Upload-in-Angular-5-With-WebAPI

Image Upload in Angular 5 With WebAPI

MEAN-Stack-User-Registration---Back-End

MEAN Stack User Registration Backend

Django-Restful-API-CRUD-Operations-

Django Restful API CRUD Operations with PostgreSQL using Web Methods GET, POST, PUT and DELETE

JavaScript-Mini-Doc

MEAN-Stack-User-Registration-Front-End

MEAN Stack User Registration Front End

Django-ToDo-App-with-PostgreSQL

Django ToDo App with PostgreSQL

Build-a-Perfect-React-Form-with-Hook

Build a Perfect React Form with Hook

MySQL-CRUD-with-Node.js-API

MySQL CRUD with Node.js API

Firebase-CRUD-in-Angular-Material

Firebase CRUD in Angular Material

CG-Program-For-A-Man-Walking-In-Rain

CG Program For A Man Walking In Rain

MEAN-Stack-CRUD-with-Angular-15

MEAN Stack CRUD with Angular 15

Login-Form-in-Csharp

Login Form in C#

How-to-Export-Excel-in-C-

How to Export Excel in C#

Asp.Net-Core-MVC-Identity---Complete-User-Authentication-System

Asp.Net Core MVC & Identity - Complete User Authentication System

Forms-in-Angular-Tutorial-Demo

Different ways to create forms in angular application

To-Do-List-App-with-Angular-14-Firebase

To-Do List App with Angular 14 & Firebase

Asp.Net-Core-Web-API-CRUD-Operations

Asp.Net Core Web API CRUD Operations

Node.js-API-CRUD-Operations-with-MongoDB

Node.js API CRUD Operations with MongoDB

Flying-Kite-in-CG

Flying Kite in Computer Graphics

Draw-Christmas-Star-and-Tree-with-Python

Draw Christmas Star and Tree with Python

Draw-Line-Using-DDA-algorithm

C Program showing line drawing using DDA algorithm.

CG-Program-For-Clock

Computer Graphics Program For Clock

Asp.Net-Core-Web-API-CRUD-Operations-with-Angular-16

Demo project showing Asp.Net Core Web API CRUD Operations with Angular 16.

2D-Transformations-in-CG

2D Transformations in Computer Graphics

Rotating-Wheel-Animation-in-C-Program

Rotating Wheel Animation in C Program

Authentication-with-JWT-and-Asp.Net-Core-Identity-with-Web-API

Demo project of the YouTube tutorial on "Authentication with JWT and Asp.Net Core Identity with Web API

Authorization-in-Asp.Net-Core-Identity

Authorization in Asp.Net Core Identity