Blog Posts for: Angularjs

Building an interactive grid with ASP.NET Web API and AngularJS: Add searching (Part 5)

03 November 2014

In Part 4 of this series, I added sorting to the table. In this blog post I will add a search box which allows users to search for customers by first name or last name. Whenever a user types something into the search box we will automatically trigger a new request to the API to filter the customers based on the text the user entered. Add a search box The first step is very simple and that is to add a text box to the existing page.

Building an interactive grid with ASP.NET Web API and AngularJS: Add sorting (Part 4)

28 October 2014

In Part 3 of the series we finally added ngTable into the mix which allows us to display the data in a table and also page through the data. In this blog post we will look at adding sorting capabilities to our table. Setting ngTable up for sorting Allowing users to sort by a column in ngTable is as easy as adding a data-sortable attribute to each column for which we want to allow sorting.

Building an interactive grid with ASP.NET Web API and AngularJS: Add paging and ngTable (Part 3)

21 October 2014

In Part 2 I created an ASP.NET Web API with a single method that returns a list of customers. I then went on to show how to use Restangular to retrieve the list of customers and display them. In this blog post I will change the API method which retrieves the list of customers to allow for paging. Fix JSON formatting The first thing I want to do however is make a small change to the API.

Building an interactive grid with ASP.NET Web API and AngularJS: A basic grid (Part 2)

14 October 2014

Introduction In Part 1 I covered the introduction to this series and also went through the basic setup to add the required Javascript libraries and added the basis for our AngularJS application. In this blog post I will go through adding the Entity Framework model, the API for retrieving a list of customer and also hooking up the AngularJS frontend to the Web API and display the list of customers on the page.

Building an interactive grid with ASP.NET Web API and AngularJS: The basic setup (Part 1)

07 October 2014

Introduction I am currently involved in a project in which we use a combination of ASP.NET MVC and AngularJS powered by a ASP.NET Web API backend. For one of the pages we need to display tabular data in a grid where the user can filter, sort and page through the data. The Web API backend is a pretty standard REST based API and for communication between the API and the Angular frontend I have been using Restangular.

Share translations between ASP.NET MVC and AngularJS

23 July 2014

I am currently helping a friend on a project which involves a mobile application running on iOS and Android, with a backend API and supporting administration website which is developed in ASP.NET MVC and Web API. The application is targeted at an international audience and one of the requirements were that the application should support multiple languages. I am responsible for the development of all the web related software and for the administration website I am using AngularJS with ASP.