Get style of selected feature in select interaction OpenLayers

Question

I'm trying to add a select interaction on a vector layer and get the stroke color of the selected feature returned. I am able to set the style for the selected feature, but getStyle does not return the style of the selected feature. Can anyone help, please?

 if(this._map){
    const selectClick = new Select({
      condition: doubleClick,
       layers: [this._vectorLayer]
    });
  
  this._selectInteraction = selectClick;
  this._map.addInteraction(selectClick);
  
  selectClick.on('select', function (e) {
       console.log(e.selected[0].getStyle());
   });
  }

returns

ƒ (feature) {
        if (!feature.getGeometry()) {
            return null;
        }
        return styles[feature.getGeometry().getType()];
    }

Answer 1

If you want to get style of selected feature, there are two things you gave to take into consideration.

First thing. If you look at the description of interaction style option (see https://openlayers.org/en/latest/apidoc/module-ol_interaction_Select-Select.html), you can read:

Style for the selected features. By default the default edit style is used (see Style). Set to null if this interaction should not apply any style changes for selected features. If set to a falsey value, the selected feature's style will not change.

This means that at the moment you are getting default edit style of the selected feature. If you want to get original feature style, you have to set style: null when defining interaction.

Second thing. If you look at the description of feature .getStyle() method (see https://openlayers.org/en/latest/apidoc/module-ol_Feature-Feature.html#getStyle), you can read:

Get the feature's style. Will return what was provided to the setStyle method.

This means you'll get feature style with the .getStyle() method only if it was previously set with the .setStyle() method.