Note: this project is hosted on a public repository where anyone can contribute. Learn how to contribute in less than a minute.

AngularJS developers

You can combine ArcGIS API for JavaScript with AngularJS in your developments, we will show you how in this page.

Table of contents

• Training
  • Documentation
  • Videos
• Code
• Community
• People you should know
• Localized resources
  • Spanish
• Related resources

Training

Documentation

• Using the ArcGIS API for JavaScript with Angular
• Angular 1 - Directives v2 API (compatible with ArcGIS 4.x API)
• Angular 1 - Directives v1 API (compatible with ArcGIS 3.x API)
• Esri + Angular 2

Videos

We have created a ArcGIS JS API + Angular Youtube playlist that we think it might be worth to you to save (how to save a Youtube Playlist).

On video.esri.com and Esri Events you will find many technical talks. Or check Esri Geodev channel for short videos.

Code

Angular 1:

• Reusable libraries:
  • Directives to help you use Esri maps and services in your Angular apps
  • AngularJS Module for ArcGIS Maps (from TeamDev)
• Example Applications:
  • Ionic app demonstrating how to use the Esri ArcGIS API for JavaScript
  • Leverage Esri Leaflet in an Angular application
  • A simple example of how to roll your own AngularJS directive to show an Esri map for a focused workflow

Angular 2 (and above):

• Reusable libraries:
  • An Angular 2 service to help you load ArcGIS API for JavaScript Modules
  • Prototype app demonstrating how to use Ionic2 with the ArcGIS API for JavaScript
  • A set of Angular 2 components to work with ArcGIS API for JavaScript v4.1
• Example Applications:
  • Example of how to to use the ArcGIS API for JavaScript in an Angular CLI app
  • Esri-playground: Angular 2 & Esri 4
  • Example app using the ArcGIS API for JavaScript v3 in an Angular2 app
  • This is an example mapping application using ArcGIS API for JavaScript v4
  • Another sample application using the ArcGIS API 4 for JavaScript with Angular 2

Community

• GeoNet Group: Angular JS
• angular-esri-map issues
• Questions at Stackoverflow
• If you need help with a specific plugin/project try at the repository issues

People you should know

Please find the ArcGIS Experts (story tellers and developers) on this topic here: https://esri-es.github.io/arcgis-experts/?topic=Angular

They don't work on the support team and some may even not work at Esri, but they are opening some projects and sharing insights related to this technology so we recommend you to follow them.

Localized resources

Spanish

• Mapas inteligentes de ArcGIS con AngularJS v2
• Hackeando la API de ArcGIS con AngularJS
• Personalizar mapas vectoriales y consumirlos con AngularJS

Related resources

We recommend you to take a look to:

• GIS Utils
• Best practices

Here you will find a lot of interesting resources to learn an improve your skills with Angular:

• Angular: A list of awesome AngularJs services, directives, utilities and resources.
• Angular 2: A curated list of awesome Angular 2 and Angular 4 resources by @AngularClass
• Curated list of awesome lists