Using Highcharts in an Angular-cli project posted on Sep 19, 2017
Highcharts is a great tool for visualizing data, and it is getting ever more popular so the chances are at some point you are going to want to use it in an Angular project. Luckily doing so is easy. Here are the steps to get the Your First Chart example running in a new angular-cli …
Publishing a npm library from an Angular-cli project posted on Aug 18, 2017
Angular-cli is so good it makes working in Angular without it feel painful, but it focuses is on creating apps rather than libraries which can be re-used across projects or published with NPM. This post covers the steps to take a module and do just that.
Angular-cli with Material 2 and Universal posted on Aug 16, 2017
As of release 1.3 Angular-cli has support for universal. I’ve created a project with Material 2, Universal and an Express server which you can get HERE. Just to re-emphasize all the good stuff is in the repo so get that and have a look through it before following the steps below.
Angular: getting the SEO results you want with posted on Aug 1, 2017
Pre-rendering or server side rendering is essential if you want your Angular site to be indexable by search crawlers. Angular has a server side rendering solution in Angular Universal, however it is still currently a work in progress and as such you might find it easier to use a more stable pre-rendering solution such as …
Angular + RxJS: How to pause an observable stream posted on Jul 26, 2017
A common Angular scenario is to have a component which subscribes to an observable and then performs some action on each element of the observable sequence. The example below is our starting point and is about as simplified as possible so I won’t spend too long on it.
How to show fullscreen components when using the Angular Material sidenav posted on Jul 19, 2017
The Angular Material sidenav component is a great way to get give an Angular site a responsive layout, this site itself uses one. There are times when a component should be fullscreen; login or landing pages for example. This is be a problem as the router outlet is nested in the sidenav component (see below). …
Fixing the Angular CLI component prefix warning posted on Apr 23, 2017
For months I have been manually changing the selector prefixes of components and directives generated by the Angular CLI, and then ignoring the subsequent warnings that the new prefix was wrong. Finally I found a bit of time to have a look at how to suppress these warnings and change the default prefix for a project. …
Running Angular-cli with HTTPS posted on Nov 28, 2016
Angular-cli is a great tool to speed up the development process for creating Angular 2 applications. One issue you might run into when integrating when integrating with third party APIs and authorization providers is that they will only accepts HTTPS requests and the local environment runs under HTTP. Fortunately changing your project over to HTTPS …
Using ngc to build an Angular 2 library project posted on Nov 12, 2016
I have many reusable Angular 2 libraries which are external to any application. When I get time, and they have become stable enough I make them public and publish them on NPM. Recently a lot more people have been moving to Angular-cli and using Ahead of Time (AoT) compilation have been logging issues that my …
Using a slider with Angular 2 posted on Sep 10, 2016
I had a requirement for a photo slider for a new project I am working on. There don’t seem to be many Native Angular 2 options available at the moment so I had a look around for a non JQuery slider I could wrap and use. I settled on Swiper by