создать экземпляр пользовательской директивы angular из компонента angular при нажатии

Question

Предположим, у меня есть директива с именем my-custom-directive и компонент с именем app.component. У меня есть метод в app.component - createDirective(), который будет вызываться при нажатии кнопки из app-component.html Я хочу создать экземпляр my-custom-directive из этого метода. как это можно сделать в angular2 и выше?

Я пробовал использовать Renderer2, но не смог создать директиву из компонента

Answer 1

import { Directive, HostListener } from '@angular/core';

@Directive({
  selector: '[my-custom-directive]'
})
export class MyCustomDirective {

  constructor() { }

  @HostListener('click', ['$event']) onClick($event: Event) {
    // Do what ever you want to do ....
  }
}

// In Your Component HTML : 
<button my-custom-directive></button>

// Don't forget to include the references in your Module.
// See if this Solves your purpose.