I'm using `Angular 7`, `OpenLayers 5.3.0` (`ol`). I am new to `OpenLayers`. I don't seem to able to find examples of `Angular 2+` with`OverLayers`. I try to follow the examples from <https://openlayers.org/en/latest/examples/index.html> and make the code work for`Angular 2+`. 

[Use OpenLayers 4 with Angular 5](https://stackoverflow.com/questions/48283679/use-openlayers-4-with-angular-5) is very helpful. But in other cases, I'm having hard time getting the `OpenLayers` modules import to work. 

For example, here's a `JavaScript` version:

```
var map = new OpenLayers.Map({
    div: "map",
    layers: [new OpenLayers.Layer.OSM()],
    controls: [
        new OpenLayers.Control.Navigation({
            dragPanOptions: {
                enableKinetic: true
            }
        }),
        new OpenLayers.Control.Attribution(),
        new OpenLayers.Control.Zoom()
    ],
    center: [0, 0],
    zoom: 1
});

```

How do I import the `OpenLayers` 'Control' module to `Angular 2+`? I've tried 

```
import OlMap from 'ol/Map';
import OlXYZ from 'ol/source/XYZ';
import OlTileLayer from 'ol/layer/Tile';
import OlView from 'ol/View';
import * as ol from 'ol';

this.map = new OlMap({
      target: 'map',
      layers: [this.layer],
      view: this.view,
      controls: [
        new ol.control.navigation({
            dragPanOptions: {
                enableKinetic: true
            }
        }),
        new ol.control.attribution(),
        new ol.control.zoom()
    ],
});

```

But got error `export 'Control' (imported as 'ol') was not found in 'ol'`. Any suggestions? Thanks.