在现有模板字符串中包含Javascript模板字符串

我有一个模板字符串，我需要根据用户类型在其中显示不同的内容

const postTemplate = (data) => `
    <img alt="Image" src="/images/posts/${ data.post.imageName }" class="video-cover rounded img-fluid" data-action="zoom">
    <div class="d-flex align-items-center">
    <h5 class="mb-4" id="discussion">Discussion</h5>
    <div class="card">
        <div class="js-create-comment collapse px-3 py-2" id="create-comment" data-post-id="${ data.post.id }" aria-expanded="false">
            <div class="media">
                <div class="media-body steps-body">
                    // Include different according to user type
                </div>
            </div>
        </div>
    </div>
`;

const postTemplate=（数据）=>`
讨论
//根据用户类型包括不同的
`;

我可以使用三元运算符，但是有很多内容，我认为这看起来很混乱

---

有谁能提出一个更好的方法来实现这一点吗？是否可以在三元运算符内、模板字符串内包含不同的模板字符串？

我想您已经回答了自己的问题：“是否可以在三元运算符内、模板字符串内包含不同的模板字符串？”

const template1 = `<div>template1 markup</div>`;

const template2 = `<div>template2 markup</div>`;

const postTemplate = (data) => `<div>Some markup</div>
  ${ condition ? template1 : template2 }
  <div>More markup</div>`;

const template1=`template1标记`；
const template2=`template2标记`；
const postTemplate=（数据）=>`一些标记
${condition？template1:template2}
更多加价`；

除了这些，为什么不使用模板引擎呢？把手，有棱角，Vue还是反应？这种字符串模板不是很容易维护，很快就会变成意大利面条