Using Angular.js in Visual studio LightSwitch Part1

Rama Sagar
Posted by in LightSwitch category on for Beginner level | Points: 250 | Views : 12793 red flag

AngularJS is an open-source JavaScript framework, maintained by Google, that assists with running single-page applications. Its goal is to augment browser-based applications with model–view–controller (MVC) capability, in an effort to make both development and testing easier. For more info click http://en.wikipedia.org/wiki/AngularJS

Introduction


In this article we will see how to use Angular.js in Light switch Application. Please check previous articles on Light switch by visiting following links.


Lets start with Angular.js

Why AngularJS?

  1. It decreases emphasis on directly handling DOM manipulation from the application logic
  2. It employs efficient two-way data binding and sensible MVC implementation
  3. We can create our own HTML custom tags and attributes

Objective


The  objective of the article is to explain how to use Angular.js in Lightswitch Applications.

  • Step 1: Lets start with a new Light switch Application 
             Create a New Project  Open visual studio 2013 -> click on File -> New Project -> Create new                          LightSwitchHTMLApplication -> Name it as LightSwitchAngularJs.
         
                  


       


  • Step 2: Right-click on the Data Sources folder and select Add Table


            



       Create a table called Products and save it.The table will be pluralized to Store




  • Step 3: Now lets add Nuget components
            Go to Tools select Library Package Manager and then select PAckage Manager Console


             


  and then type one by one and install

  1. PM> Install-Package angularjs
  2. Install-Package Microsoft.AspNet.Mvc -Version 5.0.0
  3. PM> Install-Package AspNetWebApi






Conclusion


 In this article we have seen how to make our light-switch application ready to use Angular JS.In next part we will see the coding part.

Reference

http://angularjs.org/

Page copy protected against web site content infringement by Copyscape

About the Author

Rama Sagar
Full Name: RamaSagar Pulidindi
Member Level: Silver
Member Status: Member,MVP
Member Since: 12/30/2012 1:51:40 AM
Country: India
ramasagar
http://www.ramasagar.com
A Software Profesional working in Microsoft .NET technologies since year 2008, and I work for Dake ACE. I am passionate about .NET technology and love to contribute to the .NET community at Dot Net Funda

Login to vote for this post.

Comments or Responses

Login to post response

Comment using Facebook(Author doesn't get notification)