瀏覽器端的模板引擎使用—art-template
阿新 • • 發佈：2018-12-09
要點：
1.模板引擎不光能在瀏覽器客戶端中使用， 也能在node等伺服器中使用。
2.在替換模板引擎中佔位符寫完語句後，反而不能新增分號，會報錯。
程式碼：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script src="node_modules/art-template/lib/template-web.js"></script> <!-- 引入瀏覽器需要的模板引擎檔案 --> <script type="text/template-web" id="tp1"> {{ name }} 是真的帥！ 我是：{{ each goods }} {{ $value }} {{ /each }} </script> <!-- 注意type的檔案格式，不要被當成js檔案解析 --> <script> var ret = template('tp1',{ name:'陳小帥', goods:[ '世界第一', '宇宙無敵', '的男人' ] // 後面寫分號會報錯 }) console.log(ret) </script> <!-- 通過id引入對應模板，再將佔位符替換掉 --> </body> </html>
執行結果：
