Single Page Application with AngularJS and .net MVC - Tutorial 1 - web app for linnworks.net

.Net MVC5 for Web API and containment of the application
AngularJS for the frontend
Very simple and quick way to create an app
This is Session 1 of 3

[ibrahimelhussein]

Best Angular - .NET Course
Please make more tutorials

[prasanthvallaturu]

Good and very detailed explanation...kudos

[billionseconds]

Even though I had the links for bootstrap and angular, for the actual downloads that you showed on screen I was left scrounging around for them. (angular-chart.min, etc.). To me that is one of the most frustrating things in learning any of this. If people design code well it's easy to follow. However, without a proper explanation of how and where exactly to download the prerequisites, people are lost. It's not just you. A lot of developers brush over or skip this crucial step in explanation.

[murkyapparel]

If anyone else is having trouble with the modal, then try adding
windowClass: 'show',
backdropClass: 'show'

after the resolve parameter of the $uibModal.open function, like this:

animation: true,
templateUrl: '/SPA/Views/ViewProductWindow.html',
controller: 'ViewProductController',
size: "",
resolve: {
data: block
},
windowClass: 'show',
backdropClass: 'show'

[stesvis]

Great tutorial!
I have a question about this line:
var ViewProductController = function ($scope, $uibModalInstance, data) {

Why do the first 2 arguments have a $ sign, and the 3rd one doesn't. Sorry I am new to angular...but this is why i came to your tutorial ;)

[murkyapparel]

Thanks for an amazing tutorial!

I'm having trouble displaying the modal, though. It renders beneath the rest of my site. Apparently this is a common problem where the module is rendered inside another element with fixed or relative positioning, but as it is a dynamically generated module, I have no idea how I would move the modal outside of its parent elements. Please could you explain how I would make this work? Thanks!

[sandywww]

can you please share the text file you're copying code from. It will be easier to follow. Thanks