click event on GraphicsLayer

[tomwayson]

click event on GraphicsLayer

[jwasilgeo]

I am pretty sure this has to do with the ArcGIS API for JavaScript, and not anything to do with TS, Angular, or this lib. The jsfiddle points to a working example with v3.x, but you're writing and using v4.x of the ArcGIS API for JavaScript. Mouse interaction listeners are quite different in this version.

The error I think is because there are only 2 (documented) events you can listen to from the GraphicsLayer.

I suggest you listen for a click on the MapView in v4.x.

https://developers.arcgis.com/javascript/latest/sample-code/layers-scenelayer-query-popup/index.html?search=click%20event

https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#event:click

[andygup]

@LudoFont adding onto Jacob's comments, I'd also recommend using the hitTest() pattern to check for graphics in a GraphicsLayer or FeatureLayer. Here's a sample: https://developers.arcgis.com/javascript/latest/sample-code/view-hittest/index.html

// Get the screen point from the view's click event
view.on("click", function(event){
    var screenPoint = {
       x: event.x,
       y: event.y
    };

    // Search for graphics at the clicked location 
    view.hitTest(screenPoint).then(function(response){
        if(response.results[0].graphic){
           console.log("Top graphic found! Here it is: ", response.results[0].graphic);
        }
    });
})