File

libs/open-layers/src/lib/controls/legend/ol-layer-visibility-toggler/ol-layer-visibility-toggler.component.ts

Description

Legend component to toggle the visibility

Metadata

selector n52-ol-layer-visibility-toggler
templateUrl ./ol-layer-visibility-toggler.component.html

Index

Methods
Inputs

Inputs

layer
Type : BaseLayer

Methods

Public toggleVisibility
toggleVisibility()
Returns : void
import { Component, Input } from '@angular/core';
import { Required } from '@helgoland/core';
import BaseLayer from 'ol/layer/Base';

/**
 * Legend component to toggle the visibility
 */
@Component({
  selector: 'n52-ol-layer-visibility-toggler',
  templateUrl: './ol-layer-visibility-toggler.component.html'
})
export class OlLayerVisibilityTogglerComponent {

  @Required @Input() layer: BaseLayer;

  public toggleVisibility() {
    this.layer.setVisible(!this.layer.getVisible());
  }

}
<span (click)="toggleVisibility()">{{layer.getVisible()}}</span>
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""