Part 3 - AEM with Angular 2 – AEM Component development
In previous 2 parts we have seen challenges, project structure and build process for an AEM + Angular 2 project. In this post we’ll focus more on Angular 2 component development and will do a deep dive into sample component development so that we can understand various concepts involved in AEM + Angular 2 component development. Let’s begin with defining some basic requirement for sample AEM + Angular 2 component that we’ll develop in this article. Problem statement for our component Develop a simple AEM + Angular 2 component to find location details based on IP address Use Angular 2 Http service to get location detail (by calling remote REST web service) based on IP address provide via HTML form input Display data/response from REST web service using Angular 2 binding on UI Provide capability to authors so that they can change labels (e.g. label of “Search” button and label for “Location Detail” card/result) using component’s dialog Image 1: “ ip-locati