создание экземпляра пользовательской директивы angular из компонента angular при щелчке - PullRequest
Новая
       13

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

0 голосов
/ 07 апреля 2020

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

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

1 Ответ

0 голосов
/ 07 апреля 2020 
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.
...