Tag Archives: AngularJS

Using SASS with Webpack, Angular and Visual Studio

October 14, 2016 · by · in .NET, angular, AngularJS, javascript, Web · 8 Comments

This post shows how to use SASS with Webpack and Angular 2 in Visual Studio. I had various problems trying to get this to work from Visual Studio using a Webpack build. The following is a solution which works, but not the only one. Code: https://github.com/damienbod/Angular2WebpackVisualStudio 2017.02.08: Updated webpack 2.2.1, angular 2.4.6 2017.01.07: Updated webpack […]

ASP.NET Core, Angular with Webpack and Visual Studio

June 12, 2016 · by · in angular, AngularJS, ASP.NET Core, MVC, Uncategorized, Web · 77 Comments

This article shows how Webpack could be used together with Visual Studio ASP.NET Core and Angular. Both the client and the server side of the application is implemented inside one ASP.NET Core project which makes it easier to deploy. Code: https://github.com/damienbod/AngularWebpackVisualStudio Blogs in this series: ASP.NET Core, Angular with Webpack and Visual Studio Building production […]

Angular Localization with an ASP.NET Core MVC Service

April 29, 2016 · by · in .NET, angular, AngularJS, ASP.NET Core, ASPNET5, dotnet, MVC, Typescript, UI, Web · 9 Comments

This article shows how localization can be implemented in Angular for static UI translations and also for localized data requested from a MVC service. The MVC service is implemented using ASP.NET Core. This post is the first of a 3 part series. The following posts will implement the service to use a database and also […]

Creating an Angular Component for Plotly

April 21, 2016 · by · in .NET, angular, AngularJS, ASP.NET Core, ASPNET5, dotnet, Elasticsearch, javascript, Lucene, MVC, Typescript, Web · 4 Comments

This article shows how the Plotly javascript library can be used inside an Angular 2 Component. The Angular 2 component can then be used anywhere inside an application using only the Angular Component selector. The data used for the chart is provided in an ASP.NET Core MVC application using Elasticsearch. Code: https://github.com/damienbod/AngularComponentPlotly 2017.02.07: Updated Updated […]

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

July 5, 2015 · by · in .NET, AngularJS, ASP.NET Core, ASPNET5, Elasticsearch, javascript, jQuery, Lucene, MVC, SignalR, TopHeaderMenu, Web · 7 Comments

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

June 27, 2015 · by · in .NET, AngularJS, ASP.NET Core, ASPNET5, Elasticsearch, MVC, TopHeaderMenu, Web · 4 Comments

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

June 21, 2015 · by · in .NET, AngularJS, ASP.NET Core, ASPNET5, Elasticsearch, MVC, Nest, TopHeaderMenu, Web · 3 Comments

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 […]

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

May 28, 2015 · by · in .NET, AngularJS, ASP.NET Core, ASPNET5, MVC, UI, Web · 2 Comments

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

May 12, 2015 · by · in .NET, AngularJS, ASP.NET Core, ASPNET5, javascript, MVC, TopHeaderMenu, Typescript, Web · 4 Comments

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

April 26, 2015 · by · in .NET, AngularJS, ASP.NET Core, ASPNET5, TopHeaderMenu, UI, Web · 3 Comments

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 […]

← Older posts