28 lines
643 B
TypeScript
28 lines
643 B
TypeScript
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
|
|
@Component({
|
|
selector: 'drop-down',
|
|
templateUrl: './drop-down.component.html',
|
|
styleUrls: ['./drop-down.component.scss']
|
|
})
|
|
export class DropDownComponent {
|
|
|
|
@Input() ico = 'arrow_drop_down_24';
|
|
@Input() angle = [0,-180];
|
|
@Input() visible = false;
|
|
@Input() target:HTMLElement;
|
|
|
|
ngOnChanges(){
|
|
if(this.target) this.target.hidden = !this.visible;
|
|
}
|
|
|
|
@Output() toggle = new EventEmitter<boolean>()
|
|
|
|
|
|
click(){
|
|
this.visible = !this.visible;
|
|
if(this.target) this.target.hidden = !this.visible;
|
|
this.toggle.emit(this.visible)
|
|
}
|
|
}
|