如何使用ES6字符串模板添加多个空格？

Question

I have a string template that currently looks like this:

var option = "\u00A0" + "\u00A0" + "\u00A0" + "\u00A0" + option.name;

that I am trying to change to the new ES6 syntax

var option = `    ${option.name}`

But when it shows up in on screen none of the spaces are in the ES6 version or there is no 4 space indention on the strings in which I am specifying it. The problem might have something to do with me using these strings in as options in a select . Any ideas?

Answer 1

In the first example you are using a non-breaking space ( \  ) and in the second example a normal space ( \ ). So in addition to changing the syntax, you also changed the characters.

This doesn't really have anything to do with ES6 in particular. If you use the same character it will work as expected:

var option = `\u00A0\u00A0\u00A0\u00A0${option.name}`;