Angular 2 TODO App with Ionic 2, Web API.Net, Entity Framework (3 series) – Part 1

Setup Web API and Entity Framework - Part 1

Setup Ionic/android mobile Environment - Part 2

Understand Angular/Ionic-2 Setup - Part 3

 
Let us build an Angular 2 application with .Net Backend, supported by SQL database using entity framework, let just jump into creating an application.  

1. Select ASP.Net Web Application

2. Select Web API and change the authentication to None

3. Rename the ValuesController to TodoController

4. Test http://localhost:{portno}/api/Todo

5. Add Entity framework Reference to Project, Add Reference -> Manage Nuget Package-> click on browse -> search for “Entity”

6. Add Todo model into the model folder.

7. Add SqlDB inside the folder, which inherits DbContext, make sure you add using System.Data.Entity;

8. Add defaultconnection in web.config as below, (this should be below   </appSettings>)

  <connectionStrings>

      <add name="defaultconnection" connectionString="Data Source=(localdb)\MSSQLLocalDB;Initial Catalog=tododb;Integrated Security=True" providerName="System.Data.SqlClient" />

 </connectionStrings>

9. Add below code in Get and Post methods to create/access database

Setup Ionic/android mobile Environment - Part 2

Understand Angular/Ionic-2 Setup - Part 3