Составьте строку, включая угловые компоненты

Question

Поэтому я пытаюсь создать автоматическую вкладку документации, но без дублирования кода.

Я в основном хочу, чтобы оба примера были строкой, которую я могу показать внутри блока , и я также хочу, чтобы он отображал фактический обработанный компонент, но вместо копирования примера я просто хочу, чтобы одна и та же строка шла места.

Итак, я попытался использовать DocTabComponent, который принимает шаблон и отображает его, но не могу получить доступ к шаблону до его визуализации.

Вторая попытка была сделана с файлом JSON, который содержал пример в виде строки, но я не смог заставить его отобразить компоненты, как в AngularJS, где решением было бы $ compile.

Так что я бы хотел иметь

<cbr-doc-tab name="Primary buttons">
    <cbr-button>My button text</cbr-button>
</cbr-doc-tab>

И это должно отразиться на этом:

Альтернативные решения приветствуются