Fatal编程技术网
  • javascript/
  • 如何将变量传递到javascript模板中？

如何将变量传递到javascript模板中？

javascript html templates user-interface

如何将变量传递到javascript模板中？,javascript,html,templates,user-interface,frontend,Javascript,Html,Templates,User Interface,Frontend,我试图学习js模板，并编写了以下页面： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/lodash.js/0.

我试图学习js模板，并编写了以下页面：

<!DOCTYPE html>
 <html>
 <head>
   <meta charset="utf-8">
   <script src="http://code.jquery.com/jquery-latest.js"></script>
   <script src="http://cdnjs.cloudflare.com/ajax/libs/lodash.js/0.9.0/lodash.js"></script>

 </head>
 <body>

 <div id="helloDiv">init text</div>


<script type="text/template" id="test">
<% hello world %>!
</script>
<script>


$('#helloDiv').html( 
  _.template( $('#test').html().trim(),world : 'EARTH') 
);

</script>


</body>
</html>


初始化文本
!
$（'#helloDiv'）.html（
_.template（$（'#test'）.html（）.trim（），world:'EARTH'）
);
预期行为：我想看
你好，地球

但是我看到
init text


我错了什么？
这里有很多错误。在发布问题之前，您应该学习查看JavaScript控制台并进行一些调试，因为错误太多，很难判断是什么原因导致了您的特定错误


  • 没有所谓的“JavaScript模板”。这是一个下划线模板（在本例中是lodash），它是一个库，而不是JavaScript中内置的东西
    • 

  • 您使用的
    错误。如果要为“world”变量插值“EARTH”的值，则需要沿
    

    hello <%= world %>!

    

    你好！

    
实际上，使用
    ，您告诉模板使用名为
    world
    的变量调用名为
    hello
    的函数。即使下面的#3被修复，您仍然会得到一个错误
    • 

  • 最后，也是最重要的，您有一个非常明显的语法错误。你的
    {}
    世界到处都是：地球“
    • 。您的脚本块甚至不会解析，JavaScript控制台上应该有一个非常明显的错误，告诉您发生此语法错误的确切行

    这里有很多错误。在发布问题之前，您应该学习查看JavaScript控制台并进行一些调试，因为错误太多，很难判断是什么原因导致了您的特定错误

  • 没有所谓的“JavaScript模板”。这是一个下划线模板（在本例中是lodash），它是一个库，而不是JavaScript中内置的东西

  • 您使用的
    错误。如果要为“world”变量插值“EARTH”的值，则需要沿

    hello <%= world %>!

    你好！
    实际上，使用
    ，您告诉模板使用名为
    world
    的变量调用名为
    hello
    的函数。即使下面的#3被修复，您仍然会得到一个错误

  • 最后，也是最重要的，您有一个非常明显的语法错误。你的
    {}
    世界到处都是：地球“。您的脚本块甚至不会解析，JavaScript控制台上应该有一个非常明显的错误，告诉您发生此语法错误的确切行

    • 这里有很多错误。在发布问题之前，您应该学习查看JavaScript控制台并进行一些调试，因为错误太多，很难判断是什么原因导致了您的特定错误

  • 没有所谓的“JavaScript模板”。这是一个下划线模板（在本例中是lodash），它是一个库，而不是JavaScript中内置的东西

  • 您使用的
    错误。如果要为“world”变量插值“EARTH”的值，则需要沿

    hello <%= world %>!

    你好！
    实际上，使用
    ，您告诉模板使用名为
    world
    的变量调用名为
    hello
    的函数。即使下面的#3被修复，您仍然会得到一个错误

  • 最后，也是最重要的，您有一个非常明显的语法错误。你的
    {}
    世界到处都是：地球“。您的脚本块甚至不会解析，JavaScript控制台上应该有一个非常明显的错误，告诉您发生此语法错误的确切行

    • 这里有很多错误。在发布问题之前，您应该学习查看JavaScript控制台并进行一些调试，因为错误太多，很难判断是什么原因导致了您的特定错误

  • 没有所谓的“JavaScript模板”。这是一个下划线模板（在本例中是lodash），它是一个库，而不是JavaScript中内置的东西

  • 您使用的
    错误。如果要为“world”变量插值“EARTH”的值，则需要沿

    hello <%= world %>!

    你好！
    实际上，使用
    ，您告诉模板使用名为
    world
    的变量调用名为
    hello
    的函数。即使下面的#3被修复，您仍然会得到一个错误

  • 最后，也是最重要的，您有一个非常明显的语法错误。你的
    {}
    世界到处都是：地球“。您的脚本块甚至不会解析，JavaScript控制台上应该有一个非常明显的错误，告诉您发生此语法错误的确切行

    • 在发布问题之前，我对模板做了很多修改。console有时会抱怨某些事情，有时则不会，但无论如何它都不起作用。谢谢你的正确答案。我对下划线一无所知，它就是下划线。我的前端很差。在发布问题之前，我对模板做了很多修改。console有时会抱怨某些事情，有时则不会，但无论如何它都不起作用。谢谢你的正确答案。我对下划线一无所知，它就是下划线。我的前端很差。在发布问题之前，我对模板做了很多修改。console有时会抱怨某些事情，有时则不会，但无论如何它都不起作用。谢谢你的正确答案。我对下划线一无所知，它就是下划线。我的前端很差。在发布问题之前，我对模板做了很多修改。console有时会抱怨某些事情，有时则不会，但无论如何它都不起作用。谢谢你的正确答案。我没有