The Problem Solver

Tell me and I will forget
Show me and I will remember
Involve me and I will understand
- Confucius -

Google Ads

This Blog

Syndication

Search

Tags

News





  • View Maurice De Beijer's profile on LinkedIn

Community

Email Notifications

Explore

Archives

Browse by Tags

All Tags » AngularJS (RSS)
Tracking dirty objects in AngularJS
Tracking if an object is changed or not in AngularJS is quite easy but is also part of the UI so not always completely obvious. If you want to see if there are changes the $scope or the model will not tell you. Instead you need to take a look at the ngForm...

Posted by Maurice | with no comments

Filed under:

AngularJS and loading data over HTTP
When creating an AngularJS controller that depends on some data that needs to be loaded over HTTP it's really tempting and easy to just inject the $http service into your controller and load the data from there. And that is exactly what I did with...

Posted by Maurice | 1 comment(s)

Filed under: ,

Adding an AngularJS AJAX busy indicator to the RAW stack
With the typical AngularJS SPA application there are lots of AJAX calls going on to retrieve data from the server. This sometimes results in a view that appears empty to the user. The page is rendered without any data as that is still being loaded. This...

Posted by Maurice | with no comments

Filed under: ,

WebAPI, PascalCase and camelCase
In the RAW stack the ASP.NET WebAPI plays a big part in exposing data to the client and accepting data back in. This does mean that it is also the boundary of the AngularJS , or JavaScript, and C# world. And both of these worlds have their own, not always...

Posted by Maurice | with no comments

Using Bootstrap to make the movies list responsive
The current movie list looks quite nice on a desktop browser but leaves something to be desired on a tablet or phone. And as this is something I think should work just as well it is high time to fix this. One of the reasons I think every web application...

Posted by Maurice | with no comments

The RAW stack and filtering movies by genre
One of the options on the movie list was a set of buttons with each movies genres. This list is nice to see what a movie is about but also rather useful to filter movies on. It turns out filtering documents on one or more tags in a collection of tags...

Posted by Maurice | with no comments

Filed under: , ,

Paging data using AngularJS and RavenDB in the RAW Stack
So far loading and displaying some movies data has been pretty simple and straightforward. However something that was not immediately apparent was that not all movies in the database where shown. When opening the movies list there where just 128 movies...

Posted by Maurice | with no comments

Unit testing AngularJS HTTP requests in the RAW Stack
In the previous blog post we created some basic unit tests for the AngularJS movies controller. As I mentioned there was one set of tests missing and that was around the controller doing HTTP requests to the WebAPI backend. In a unit test typically don't...

Posted by Maurice | with no comments

Unit testing the AngularJS code in the RAW Stack
In the previous post we refactored the JavaScript code for our AngularJS controller a bit to make it more testable. However we didn't actually start writing any tests yet so lets create a few tests.   The AngularJS controller under test Just...

Posted by Maurice | 1 comment(s)

Refactoring the AngularJS code in the RawStack
In the previous post I created a minimal skeleton app to pass some movie data from RavenDB through a WebAPI endpoint to an AngularJS frontend and also to save new movies back to RavenDB. The code was, as I mentioned in that post, really minimal and by...

Posted by Maurice | with no comments

Filed under: ,

Creating a basic skeleton with the RAW stack
When I start with a new stack one of the first things I always do is create a really simple app to do something sort of meaningful. So lets do that with the RAW stack.   Just as a reminder the RAW stack is a combination of RavenDB , AngularJS and...

Posted by Maurice | with no comments

Introducing the RAW stack
With this post I am introducing the RAW stack. Why the RAW stack? Well it is kind of the equivalent of the MEAN stack. Not that there is anything wrong with the MEAN stack, quite the opposite, but being a .NET developer I really like to keep using .NET...

Posted by Maurice | 1 comment(s)

DevelopMentor: Getting started with AngularJS
  Getting started with angular js from Maurice Beijer   The sample application is online on Windows Azure here . The source code can be found on GitHub here .   The session recording can also be found online here .   Enjoy!

Posted by Maurice | with no comments

Filed under: ,

Showing AJAX activity in a AngularJS application
  Showing some kind of AJAX busy indicator is a common thing in web applications. However it is something you don't want to do with every AJAX start and end of request. First of all writing all that code would be quite tedious but more importantly...

Posted by Maurice | with no comments

Filed under: ,

LIDNUG & DevelopMentor Getting started with AngularJS
  All the materials from my LIDNUG session  on AngularJS are now online.   Getting started with angular js from Maurice Beijer   The source code can be found here and an online demo running on Azure here .   The recording on YouTube...

Posted by Maurice | with no comments

AngularJS = Browser applications on steroids
  The slides from my AngularJS talk at the GNH DevDays AngularJS = Browser applications on steroids from Maurice Beijer   The sample code can be found here .   Enjoy!

Posted by Maurice | with no comments

Filed under: ,

LIDNUG: Getting started with AngularJS
Thursday, November 14, I will be presenting an online session for the Linked .Net Users Group about getting started with AngularJS.   More info about this free event as well as the registration form can be found here .   Hope to see you there...

Posted by Maurice | with no comments

Filed under: ,

AngularJS slides and demo code
  AngularJS from Maurice Beijer   The slides of my AngularJS presentation for the DotNed user group can be downloaded from SlideShare . The demo code can be found here on GitHub.   The session was recorded and a link to the recording will...

Posted by Maurice | with no comments

Filed under: , , ,

To SPA or not to SPA
Index: Getting started with AngularJS Creating an AngularJS Controller The AngularJS $scope is not the MVC Model Using repeating elements in AngularJS Filtering the data in an AngularJS ngRepeat element Using the AngularJS FormController to control form...

Posted by Maurice | 1 comment(s)

Using the DOM in an AngularJS application
Index: Getting started with AngularJS Creating an AngularJS Controller The AngularJS $scope is not the MVC Model Using repeating elements in AngularJS Filtering the data in an AngularJS ngRepeat element Using the AngularJS FormController to control form...

Posted by Maurice | with no comments

Filed under: ,

More Posts Next page »