app-spacer.component.html

<div [innerHTML]="html" >
</div>

AppSpacerComponent.ts

import {Component, Input, OnInit} from '@angular/core';
import {DomSanitizer} from '@angular/platform-browser';

@Component({
  selector: 'app-spacer',
  templateUrl: './app-spacer.component.html',
  styleUrls: ['./app-spacer.component.scss']
})
export class AppSpacerComponent implements OnInit {

  @Input() totalSpace = 0;
  html: any;

  constructor(public sanitizer: DomSanitizer) { }

  ngOnInit(): void {
    let spaces = ' ';
    for (let index = 1; index <= this.totalSpace - 1 ; index++) {
      spaces += '&nbsp;';
    }
    this.html = this.sanitizer.bypassSecurityTrustHtml(spaces);
  }

}