Posts about angular

The release of Angular 6 brought improved support for TypeScript, and the July release of VS Code brought support for TypeScript v2.9.2 by default. However, since updating, some users developing Angular applications for work have discovered a bug where IntelliSense imports have stopped using path masks. The issue is particularly prevalent when creating a new…

The biggest buzzwords in the Angular scene right now are actually concepts made mainstream by React: Application state or store using a Redux pattern. NgRx is a fantastic library which allows Angular developers to use a Redux store to maintain application state. It’s really powerful, and integrating it with @ngrx/effects or metaReducers as well as…

The biggest buzzwords in the Angular scene right now are actually concepts made mainstream by React: Application state or store using a Redux pattern. NgRx is a fantastic library which allows Angular developers to use a Redux store to maintain application state. It’s really powerful, and integrating it with @ngrx/effects or metaReducers as well as…

Since I couldn’t find any resources on Angular 5 app structure with multiple modules, I decided that whilst rebuilding an AngularJS app, I would implement a multiple-module architecture and document it. Later, I updated the architecture to be compliant with the Angular 6 major release. Below is the approach I took, with some justifications for…

Feature toggles in systems which are heavily user-interface orientated can be a challenge. So far, I haven’t found a way to use them effectively without clogging up my code with if statements. But, if you build an Angular app and follow a router-based architecture, then you can make good use of an unconventional feature bundled…

The environment.ts files provided by the Angular CLI starter are used at compile-time. This post shows how to define custom environment variables when are determined at run-time without having to re-compile your application.

This post will explore how to disable a form <input> based on the input value of another form field in an Angular application. This is particularly useful if you are using Angular’s Reactive Forms to handle user input, validation and model building before submitting to an endpoint. If you have used Reaactive Forms previously, you…

This is a step-by-step guide on how to install and integrate @ionic-native/call-number in to your Ionic 2+ application. This plugin will allow you to enable the user to launch the Phone/Call/Dialer app from their smart phone and initiate a phone call. On iOS, this is what the prompt will look like: You can read more…

This guide will walk you through using the Google Places API with an Ionic 3 application to avoid CORS errors by implementing a dead-simple NodeJS backend on Heroku. If you’ve searched for a way to use the Google Places API with your Ionic 3 application without involving a backend, I am afraid you do not…

Since I couldn’t find any resources on Angular 5 app structure with multiple modules, I decided that whilst rebuilding an AngularJS app, I would implement a multiple-module architecture and document it. Below is the approach I took, with some justifications for the decisions I took. In the near future I plan to write more posts…

Angular 5 was officially announced on 1st November 2017 and succeeded Angular v4.4.0. This release of Angular 5 focused on reducing the size of Angular apps to make them faster. Below are the major changes and features introduced in Angular 5. Http Deprecated and replaced by HttpClient Since the release of Angular 2, the @angular/http…