eg_handlebars.js

最新推荐文章于 2024-08-10 07:10:30 发布

pzmyg

最新推荐文章于 2024-08-10 07:10:30 发布

阅读量342

点赞数

分类专栏： Web

本文链接：https://blog.csdn.net/pzmyg/article/details/80986707

版权

本文通过一个实际例子介绍了如何使用handlebars-v4.0.11.js，包括创建handlebar1.html和hdb.js文件。内容涉及{{}}和{{{}}}的区别以及上下文元素的遍历。此外，还提及了Handlebars.js中可以使用helper进行自定义方法的实现。

摘要由CSDN通过智能技术生成

1、此例中使用的是handlebars-v4.0.11.js
2、新建handlebar1.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- <script type="text/javascript" src="js/handlebars-v4.0.11.js"></script>
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="js/handlebar.js"></script> -->

<script src="js/require.js" data-main="js/hdb.js"></script>

</head>
<body>

    <!-- 定义模板   expression解析html文档-->
    <script id="expressions-template" type="text/x-handlebars-template">  
  {
   {
   description.escaped}}  
  {
   {
   example}}  
  <br><br>  
  {
   {
   description.unescaped}}  
  {
   {
   {
   example}}} 
</script>
    <!-- #each可以遍历数据. -->