在es6中如何取消模版字符串的空格

Question

            this.$el.parent().find('.pagination').append(`
                <span>
                    <a href="javascript: void(0);" 
                       class="stfront"
                       data-stfront="0">&lt;
                    </a>
                    <span class="pageNumber"></span>
                    <a href="javascript: void(0);" 
                       class="stback" data-stback="2">&gt;
                    </a>
                </span>
                `);

如果直接这样子的话，每个a标签的左右会出现不必要的空格，所以我得改成这样子：

            this.$el.parent().find('.pagination').append(`
                <span>
                    <a href="javascript: void(0);" class="stfront" data-stfront="0">&lt;</a><span class="pageNumber"></span><a href="javascript: void(0);" class="stback" data-stback="2">&gt;</a>
                </span>
                `);

有更好的方法解决这个问题吗？我想用第一种的写法但是又不想显示多余的空格。

Answer 1

用正則把多餘的空格給清除

this.$el.parent().find('.pagination').append(`
    <span>
        <a href="javascript: void(0);" 
           class="stfront"
           data-stfront="0">&lt;
        </a>
        <span class="pageNumber"></span>
        <a href="javascript: void(0);" 
           class="stback" data-stback="2">&gt;
        </a>
    </span>
`.replace(/\s+/g, " "));