angular dropdown integration not a optimal solution

[danielleroux]

I'm submitting a...

[ ] Bug report
[x] Feature request
[ ] Documentation issue or request

Current behavior

Dropdown can be triggered via trigger element as id selector or as html element. Unfortunately this is not easy with the angular template engine.

Expected behavior

Add a angular framwork integration like a directive e.g.

Directive:

@Directive({
  selector: '[ixDropdownTrigger]',
})
export class IxDropdownTriggerDirective {
  @Input() ixDropdownTrigger!: any;

  constructor(private element: ElementRef) {}

  protected ngOnChanges() {
    this.element.nativeElement.trigger = this.ixDropdownTrigger.el;
  }
}

Usage:

<ix-button #trigger>test</ix-button>
<ix-dropdown [ixDropdownTrigger]="trigger">
  <ix-dropdown-item label="test"></ix-dropdown-item>
  <ix-dropdown-item label="test"></ix-dropdown-item>
  <ix-dropdown-item label="test"></ix-dropdown-item>
</ix-dropdown>