Skip to main content

Get Started with AngularJs using a WebApi backend

AngularJs & WebApi

Getting started

I'd found it quite a ride converting an .NET MVC3 web app over to Angular, especially with Auth,  the social login flow. So once I did I decided to put up a neatly packaged template on Github to get people started incase these things were holding them up as well.


It's a working template app and I'd like to say that I welcome contributions, please keep the code lean and readable.

This is a pretty old template now since Angular on Typescript came out. It was fun then and is a lot nicer now with Typescript. MVC3 has moved on to dotnet core for API building.

PS

I'll be adding to this post to explain the pieces of it a bit more, the same should be visible on the readme on Github.

Labels:

Comments

Post a Comment

Popular posts from this blog

Passing Additional View Data to a DisplayTemplate

Passing additional ViewData Asp.NET MVC Now as the name suggests, ViewData might get you thinking about just that. Whereas there's a quite simple way to get your extra data across to a Display or Editor Template . This time the simplest answer is the one, though not the obvious one. Pass across your additionalViewData like you normally would @Html.DisplayFor( modelItem => item.ImageId, new { Class = "thumb-sm" } ) Then access if from your template using a simple ViewBag dynamic object. File Path /Views/Shared/DisplayTemplates/TemplateName.cshtml In this case we're passing along an additional class intended to allow us to control the size of the image rendered on the page. Haven't tried this in older versions of MVC, this will work in 4 & 5 Hope this helps someone, thought I'd put it up here as I forgot and spent a few minutes searching my code for the answer.  Thanks for reading.
Post a Comment
Read more

MVC Value Providers - Cookie Value Providers

Asp.NET MVC -  Value providers What are value providers? A Value provider is a class that ties into the request pipeline and gets values out for you, now this is fine for simple requests like when someone submits a form on your site.  The built in one is quite powerful and covers simple data types all the way to creating models for you. But what if you require a value that's not part of the form data or the query string, for example a header or a cookie. Then you'll need to find or write a custom value provide r to get one of these values in your action. So today we're going to build a Cookie Value provider public class HttpCookieValueProvider : System.Web.Mvc.IValueProvider     {         private ControllerContext _context;         public HttpCookieValueProvider ( ControllerContext context )         {             if ( context == null )    ...
Post a Comment
Read more

Get Started with Asana - Task Collaboration

Unlocking Efficiency and Collaboration: The Power of Asana Asana is a great place to start off as a small team and works well with teams at scale as I've seen. As an IT project manager, you understand the importance of streamlined workflows, efficient collaboration, and staying organized. In the world of project management and task tracking, Asana stands out as a powerhouse tool that can elevate your productivity with ease. With a short learning curve to get moving, it's easier than some more comprehensive tools to get started. 1. Projects: Structured Organization at Your Fingertips One of the main benefits of Asana is its project management capabilities. As a full-stack developer or a social media manager, you deal with numerous tasks and projects daily. Asana allows you to create and manage projects effortlessly. You can break down complex tasks into smaller, actionable steps, assign them to team members, and set due dates. This structured approach ensures that everyone know...
Post a Comment
Read more