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

Get Started with Asana Projects - Your Gateway to Productivity

In our previous look at Asana as a scalable collaboration task tracker , we touched on its power to revolutionize your project management. Today, we'll take a closer look at one of the fundamental building blocks of Asana: Projects. The Heart of Asana: Projects In Asana, a project is what you think it is, holding all the tasks related to an initiative. Whether you're a full-stack developer tackling a new app release or a social media manager orchestrating a marketing campaign, projects are where you'll plan, track, and execute your work. Creating a Project Setting up a project in Asana is a breeze. Here's a guide to get you started: -  Click the "Create" Button in the left sidebar and a dropdown menu will appear. - Choose Project: From the dropdown menu, select "Project." You'll then be prompted to choose between a "List" or "Board" view for your project. You can easily change this later in Project Settings. - Name Your Projec...
Post a Comment
Read more