Create a Directive

[web-dave]

• Generate a order-btn directive
• It should add a button to buy this Book
  order-btn.directive.ts

  @Input() orderBtn: string = '';

  orderBtnElement: HTMLButtonElement = document.createElement('button')

  elementRef = inject(ElementRef);

  ngOnChanges(){
    this.orderBtnElement.innerText = this.orderBtn,
  }

  constructor() {
    elementRef.nativeElement.appendChild(this.orderBtnElement);
    fromEvent(this.orderBtnElement, 'click')
     .subscribe(() =>console.log('this.orderBtn:', this.orderBtn))
  }

[web-dave]

NEXT