Is it possible to create a WIDGET for Angular 8+ ?

Question

I saw It's possible to create a React and VueJs component and use it as a widget. But is it possible to use Angular @ Component for creating custom widgets.

Extra question: Is it possible to use an Angular component for displayContent (popupTemplate)

THANKS!

ForrestLin · Answer

Could you please provide an examples of custom widgets (4.27) in Angular?

AndyGup · Answer

We don't have any examples of custom widgets in Angular, but you can build them. How you build them depends on whether you are using JavaScript or TypeScript. And, it will be easier if you are using Angular 11+ because then you can use the APIs ES modules (npm @arcgis/core)

Here's another conversation about TypeScript widgets: https://community.esri.com/t5/arcgis-api-for-javascript/handling-and-rendering-in-a-widget/m-p/1073956#M73686. and scroll down towards the bottom.

A couple of items to note:

* Build your widget in .tsx (if using TypeScript + Angular)

* In tsconfig.json set "jsx": "react", "jsxFactory": "tsx"

TommyBramble · Answer

Gotcha, I understand now. Thanks for the context.

Yes, you should be able to do this. In the samples for Vue and React they are not passing in the entire widget to the view. They are only passing in a reference to the DOM element that the widget uses. In your case it would be something like:

this.view.ui.add(document.getElementById('widgetDiv'), position);

or maybe this would work, but I haven't used Angular for a year or two:

this.view.ui.add(widget.container, position);

Good luck.