在Angular 4中，如果你在innerHTML中使用了自定义指令，你可能会遇到内容没有被渲染的问题。这是因为Angular 4默认不会处理innerHTML中的内容。为了解决这个问题，你可以使用Renderer2来手动处理innerHTML中的内容。

下面是一个解决方法的示例代码：

1. 首先，在你的自定义指令中引入Renderer2：

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

2. 在构造函数中注入ElementRef和Renderer2：

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

3. 在ngAfterViewInit生命周期钩子中使用Renderer2来处理innerHTML中的内容：

ngAfterViewInit() {
  const content = this.el.nativeElement.innerHTML;
  this.renderer.setProperty(this.el.nativeElement, 'innerHTML', content);
}

完整的自定义指令示例代码如下：

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

@Directive({
  selector: '[appRenderInnerHtml]'
})
export class RenderInnerHtmlDirective {

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

  ngAfterViewInit() {
    const content = this.el.nativeElement.innerHTML;
    this.renderer.setProperty(this.el.nativeElement, 'innerHTML', content);
  }

}

然后，你可以在需要的地方使用这个自定义指令：

通过使用Renderer2手动处理innerHTML中的内容，你可以解决Angular 4中自定义指令在innerHTML中不渲染的问题。