Angularjs app with less consumes webapi

  • I created a single page app, install angularjs packages.
  • Angularjs has the $Scope which communicates to the View and Controller.
  • I managed to create and deploy a webapi and a single page app into Windows Azure.
  • Controller prepares the data and pass it to the view based on the user logic.
  • It has Views, Controllers and Models/ViewModels.

This angularjs app has been deplopyed into Azure, which consumes webapi services; Author: honzha99; Updated: 28 Dec 2016; Section: C#; Chapter: Languages; Updated: 28 Dec 2016

@codeproject: Angularjs app with less consumes webapi by honzha99

Recently I started doing some projects while learning Angularjs. I managed to create and deploy a webapi and a single page app into Windows Azure. I used SQL compact file to store my data, when I had some time, I also played with bootstrap css then applied less css. This article is suitable for those ones who want to learn about Angularjs and quickly build something simple.

Project solution is too large to upload, so I left it in my google drive.

Angularjs is built on MVC concept. It has Views, Controllers and Models/ViewModels. View is the html template responsible for rendering content in a browser. Controller prepares the data and pass it to the view based on the user logic. Model/View Model is the bridge between Controller and View. Angularjs has the $Scope which communicates to the View and Controller.   

Let’s get started. Firtsly I built a webapi which exposes the restful service. 

Secondly, I created a single page app, install angularjs packages.

In order to get less css to work, in the html header, put the following 

@light-red:#f05050;

Angularjs app with less consumes webapi