Coder-Jedi

import { AfterViewInit, Directive, ElementRef, Input, Renderer2 } from '@angular/core';

@Directive({
  selector: '[appReadMore]'
})
export class ReadMoreDirective implements AfterViewInit {
  @Input() limit : number = 50;              //to get the custom text limit
  @Input() toggle : boolean = false;        //true: 'Read Less' button will be present
  
  txtSpan! : HTMLSpanElement;

Coder-Jedi

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

@Directive({
  selector: '[appReadMore]'
})
export class ReadMoreDirective implements AfterViewInit {

  constructor() { }

  ngAfterViewInit(): void {

Coder-Jedi

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

@Directive({
  selector: '[appReadMore]'
})
export class ReadMoreDirective {

  constructor() { }

}