Category AngularJS

Plotly charts using Angular, ASP.NET Core 1.0 and Elasticsearch

This article shows how to use a javascript Plotly Bar Chart in Angular to display data from an ASP.NET Core 1.0 MVC application. The server uses Elasticsearch as persistence and uses it to retrieve the aggregated data and return it to the UI. Code: https://github.com/damienbod/AngularPlotlyAspNetCore 2016.07.05: Updated to ASP.NET Core RTM and ElasticsearchCrud 2.3.3.1 2016.05.20: […]

OAuth2 Implicit Flow with AngularJS and ASP.NET Core 2.0 IdentityServer4

This article shows how to implement the OAuth2 Implicit Flow with an AngularJS client and IdentityServer4 hosted in ASP.NET Core 1.1. The code was built using the IdentityServer4.Samples. Thanks to everyone who helped in creating IdentityServer. Code: https://github.com/damienbod/AspNet5IdentityServerAngularImplicitFlow History: 2017-08-15: Updated ASP.NET Core 2.0, Angular 4.3.6 Full history: https://github.com/damienbod/AspNet5IdentityServerAngularImplicitFlow#history Other posts in this series: OAuth2 […]

ASP.NET Core 2.0 with SQLite and Entity Framework Core

This article shows how to use SQLite with ASP.NET Core 2.0 using Entity Framework Core. EF Core can now create SQLite databases using Entity Framework migrations which was not possible in previous versions. Code: https://github.com/damienbod/AspNetCoreSQLite 2017-08-17: Updated to ASP.NET Core 2.0 and EF Core 2.0 2017-02-02: Updated to VS2017 csproj with EF Core msbuild 2017-07-01: […]

Visualizing Elasticsearch Watcher events using ASP.NET Core 1.0, SignalR and Angular

This article shows how to display Elasticsearch Watcher events in an Angular UI using SignalR. The Elasticsearch Watcher events are sent to a MVC 6 controller in an ASP.NET Core 1.0 application. The action method in the controller handles the watcher events and sends the data to the Angular UI using SignalR and the SignalR […]

Using Elasticsearch Watcher to create data events in ASP.NET Core 1.0 MVC 6

This article shows how to setup Elasticsearch Watcher in Elasticsearch to call an MVC controller in an ASP.NET 5 application. The controller action method will handle these events in part 3 of this blog series. Code: https://github.com/damienbod/AspNet5Watcher 2015.09.20: Updated to ASP.NET Core 1.0 beta 7 2015.10.20: Updated to ASP.NET Core 1.0 beta 8 2015.11.18: Updated […]

An ASP.NET Core 1.0 AngularJS application with Elasticsearch, NEST and Watcher

This article shows how to create an Angular application using ASP.NET Core 1.0 which can create alarm documents in Elasticsearch using NEST. The repository layer uses the new configuration from the beta 6 version and also the built in DI from the ASP.NET Core 1.0 framework. The post is part 1 of a three part […]

Creating HTML themes in ASP.NET Core 1.0 using Sass

This article shows how to create HTML themes in an ASP.NET Core 1.0 angular application using Sass and grunt. The CSS themes are created using Sass, built using grunt-contrib-sass and compressed using grunt-contrib-cssmin. Angular is then used to switch the themes, using an input button. Code: https://github.com/damienbod/AspNet5ThemesSassGrunt 2016.07.01: Updated to ASP.NET Core 1.0 RTM 2016.05.16: […]

Drag and drop bootstrap tabs in ASP.NET Core 1.0 with AngularJS

This article shows how to create a bootstrap tab menu with data from an MVC 6 service in an ASP.NET Core 1.0 application using Angular. The tabs can be dragged and dropped so that the position or tab order can be changed by the user. The drag and drop list is implemented using angular-drag-and-drop-lists from […]

ASP.NET Core 1.0 Typescript AngularJS application with a Grunt production configuration

This article demonstrates how to implement an AngularJS application using Typescript and grunt in ASP.NET Core 1.0. The application is built using Typescript and based on this example. The application uses grunt as its task runner. The grunt task runner produces a production configuration and can also be used in a CI process on any […]

Batching in an ASP.NET Core 1.0 AngularJS application using angular-http-batcher

This article shows how to use angular-http-batcher in an ASP.NET 5 application. The back end is implemented using the existing Web API ASP.NET framework. At present, batching is not supported in the new ASP.NET Core 1.0 framework. It looks like batching will not be supported in the new MVC framework. A lot of the existing […]