要使用Angular 5生成HTML而不进行渲染，可以使用Angular的Renderer2服务和ElementRef服务来实现。以下是一个示例代码：

1. 创建一个新的组件，例如MyComponent：

import { Component, ElementRef, OnInit, Renderer2 } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: ''
})
export class MyComponent implements OnInit {

  constructor(private renderer: Renderer2, private el: ElementRef) { }

  ngOnInit() {
    const div = this.renderer.createElement('div');
    const text = this.renderer.createText('Hello World');
    this.renderer.appendChild(div, text);
    this.renderer.appendChild(this.el.nativeElement, div);
  }

}

2. 在父组件中使用MyComponent：

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

@Component({
  selector: 'app-parent-component',
  template: `
    
Parent Component
    
  `
})
export class ParentComponent { }

在此示例中，MyComponent组件在ngOnInit生命周期钩子中使用Renderer2服务创建一个div元素和文本节点，并将它们附加到父组件的元素中。由于MyComponent的模板为空，因此它不会渲染任何内容，但它会生成HTML并将其添加到父组件中。

请注意，这只是一种方法，可能并不适用于所有情况。具体的实现取决于您的需求和项目结构。