javascript - How to escape string interpolation in Coffeescript - Stack Overflow

admin管理员组

文章数量:1200977

I am trying to use this section of code from jQuery UI's tabs example and convert it to Coffeescript. I've run it through the awesome / tool.

var tabTitle = $( "#tab_title" ),
    tabContent = $( "#tab_content" ),
    tabTemplate = "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close'>Remove Tab</span></li>",
    tabCounter = 2;

The problem is that tabTemplate variable declaration. Coffeescript is trying to do string interpolation on it, as far as I can tell. I've tried escaping it with a slash, but that just resolves to using a slash in the converted js.

I am trying to use this section of code from jQuery UI's tabs example and convert it to Coffeescript. I've run it through the awesome http://js2coffee.org/ tool.

var tabTitle = $( "#tab_title" ),
    tabContent = $( "#tab_content" ),
    tabTemplate = "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close'>Remove Tab</span></li>",
    tabCounter = 2;

The problem is that tabTemplate variable declaration. Coffeescript is trying to do string interpolation on it, as far as I can tell. I've tried escaping it with a slash, but that just resolves to using a slash in the converted js.

• javascript
• coffeescript

Share Improve this question Follow edited Dec 22, 2011 at 18:33 Robert Harvey 181k4848 gold badges347347 silver badges512512 bronze badges asked Dec 22, 2011 at 18:31 DanDan 1,26222 gold badges1919 silver badges3333 bronze badges

Add a comment  | 

2 Answers 2

Sorted by: Reset to default 15

Use single-quotes to delimit your string: http://coffeescript.org/#strings

If you want to use single-quotes within your string without manually escaping them you can use 3 single-quotes:

x = '''
my string's ok with single quotes and #{doesn't interpolate}
'''

That said, this is HTML, so double-quotes are actually more common for attributes than single-quotes. Your string could therefore be written as:

tabTemplate = '<li><a href="#{href}">#{label}</a> <span class="ui-icon ui-icon-close">Remove Tab</span></li>'

without any problems.

Escaping with backslash does work:

$ coffee -bce '"\#{a}"'
"\#{a}";

$ coffee -bce '"#\{a}"'
"#\{a}";

本文标签： javascriptHow to escape string interpolation in CoffeescriptStack Overflow