[okuznetsov1]

Мне кажется вы не совсем правильно меня поняли: динамический компонент у меня создан - это "<tags>", в который передаётся параметр "цвет".

Мне хотелось бы чтобы в теле pipe выполнилось отрендеривание строки:

const html = `<tags [colors]="[${value}]"></tags>`;

в результате после отрендеривания должно получиться к примеру так:

const html = `<span class="no-break">
                    <div class="palette-colors">
                        <div class="row">
                            <div class="col-xs-2 panel-select-color">
                                <div class="row">
                                    <span class="set-color" style="background-color: "#ff0000"; width: "100%"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </span>`