javascript - 下划线模板错误 = 未捕获的语法错误 : Unexpected token ILLEGAL

Question

var metrobusApp = metrobusApp || {Views:{},Models:{},Routes:{},JST:{}};
metrobusApp.JST["/main"] = _.template('
    <label>Introduzca el codigo de la tarjeta</label>
    <input type="text" id="txtCodigo"/>
    <input type="submit" id="btnSubmit"/>
    ');

metrobusApp.JST["/consultar/:id"] = _.template('
    <p>Id: <%tarjeta.get("id")%></p>
    <p>Saldo: <%tarjeta.get("saldo")%></p>
    <p>Estado de Contrato: <%tarjeta.get("estadoContrato")%></p>
    <p>Fecha y Hora: <%tarjeta.get("tiempo").fecha%> <%tarjeta.get("tiempo").hora%></p>
    ');

我正在做一个带有主干和phonegap的应用程序。但首先我想在浏览器中测试它，然后在模板文件中出现此错误:未捕获的语法错误:意外的标记非法

我做错了什么？错误出现在第 2 行。

Answer 1

在 javascript 中，如果是多行，则需要将 \ 放在每行字符串文字的末尾

喜欢

metrobusApp.JST["/main"] = _.template('\
    <label>Introduzca el codigo de la tarjeta</label>\
    <input type="text" id="txtCodigo"/>\
    <input type="submit" id="btnSubmit"/>\
    ');

或者您可以将其拆分为几个连接的字符串，例如:

'foo' + 
'bar' + 
'baz'