<label>

          Email address

          <input type="email" name="email" ngModel #email>

        </label>

export class AuthFormComponent implements AfterViewInit {

  @ViewChild('email') email: ElementRef;

  constructor(

    private renderer: Renderer

  ) {}

  ngAfterViewInit() {

    this.renderer.setElementAttribute(this.email.nativeElement, 'placeholder', 'Enter your email address');

    this.renderer.setElementClass(this.email.nativeElement, 'email', true);

    this.renderer.invokeElementMethod(this.email.nativeElement, 'focus');

    // this.email.nativeElement.setAttribute('placeholder', 'Enter your email address');

    // this.email.nativeElement.classList.add('email');

    // this.email.nativeElement.focus();

  }

...

}

//from

  this.el.nativeElement.style.setProperty(

      "--duration",

      this.loadingService.duration

    );

// to

    this.render.setAttribute(

      this.el.nativeElement,

      "style",

      `--duration:${this.loadingService.duration}`

    );