Category: AngularJS

ASP.NET 5 and AngularJS

Stephen Walther has written multiple part blog series on building ASP.NET 5 (ASP.NET vNext) apps with AngularJS. In this series of blog posts, he shown how you can create a simple Movie app using ASP.NET 5, MVC 6, and AngularJS. Go ahead and read these interesting and informative articles which will add to your learning of ASP.NET 5 with AngularJS.

Following are the topic and link of each blog posts:  

You can download the code discussed in this blog post from GitHub:

https://github.com/StephenWalther/MovieAngularJSApp

Hope this will help !!!

CRUD operations using AngularJS and MVC 5 with Bootstrap

This article explain CRUD (Create,Read,Update,Delete) operations using AngularJS and Web API. It also explain usage of:

  • Bootstrap to beautify the UI with popup models.
  • AngularJS Services ($http) to communicate with API server.

Read full article by @mitechdev:
http://www.mitechdev.com/2016/06/crud-operations-using-angular-js-and-webapi.html

Hope this will help !!!

Bootstrap form validation in AngularJS

Using AngularJS with the Bootstrap CSS framework makes it trivially simple to implement form validation on your site. You just need to use the ngClass directive to apply the ‘has-error’ class when the input value is invalid.

Paul Yoder has written very good article which explain how to use Bootstrap form validation in right way to give good user experience.

Read Full – http://blog.yodersolutions.com/bootstrap-form-validation-done-right-in-angularjs/

Hope this will help !!!

 

Single Page CRUD Application (SPA) using ASP.NET Web API, MVC and Angular.js

A Single Page Application (SPA) is a web application that fits on a single web page. In this type of application, the server provides static HTML views, CSS and JavaScript and the application then loads data by making Ajax calls to the server. All subsequent views and navigation occurs without a postback to the server. This architecture provides a more fluid user experience just like a desktop application.

In this article, we will create a SPA using ASP.NET MVC, WEB API and Angular.js. Angular.js is a Model-View-* JavaScript based framework for developing SPA applications. Similarly ASP.NET Web API is a good fit for providing data for these type of applications.

More: http://www.dotnetcurry.com/showarticle.aspx?ID=1054

Happy Programming !!!
Jay Ganesh

AngularJS vs KnockoutJS

Eli Weinstock-Herman has created serie of articles to explain difference of AngularJS and KnockoutJS.

The thing is, Knockout and AngularJS are attempting to solve two different problems. One is simply an MVVM binding framework, the other is a SPA-in-a-box solution. So instead of trying to directly compare the two frameworks.

Here are the capabilities discussed:

Data binding – bind HTML elements to JavaScript data models
Validation – validation of raw inputs by applying rules for fields or model properties
Serialization – easy method for serializing models to POST to server-side APIs
Templating – define HTML templates for re-usable complex collections of HTML
Modules + DI – keep my javascript files separate, help me order them properly, manage dependencies for me
Automated Testing – Exploring unit testing and possibilities for higher level testing
SPA Routing/History – make it easy for me to route between views in a single page app, with history/deep linking

Read Full Articles: http://blogs.lessthandot.com/index.php/WebDev/UIDevelopment/angularjs-vs-knockout-introduction-1/

Happy Programming !!!

Jay Ganesh