recherche

Maison >interface Web >js tutoriel >Un exemple d'utilisation du moteur de modèle en js (code)

Un exemple d'utilisation du moteur de modèle en js (code)

不言
不言original
2018-08-13 16:21:512515parcourir

Ce que cet article vous apporte est un exemple (code) d'utilisation du moteur de modèles en js. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. 

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>basic-demo</title>
<script src="template-web.js"></script>
</head>
<body>
<p id="content"></p>
<script id="test" type="text/html">
{{if isAdmin}}
<h1>{{title}}</h1>
<ul>
 {{each list as value i}}
  <li>索引 {{i + 1}} ：{{value}}</li>
 {{/each}}
</ul>
{{/if}}
</script>
<script>
var data = {
 title: &#39;基本例子&#39;,
 isAdmin: true,
 list: [&#39;文艺&#39;, &#39;博客&#39;, &#39;摄影&#39;, &#39;电影&#39;, &#39;民谣&#39;, &#39;旅行&#39;, &#39;吉他&#39;]
};
var html = template(&#39;test&#39;, data);
document.getElementById(&#39;content&#39;).innerHTML = html;
</script>
</body>
</html>

Recommandations associées :

Utilisation des attributs js pour obtenir l'effet de menu déroulant horizontal en html5 (code)

multipartite dans nodejs Exemple de code pour implémenter le téléchargement de fichiers

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

html5 JS
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Utilisation des attributs js pour obtenir l'effet d'un menu déroulant horizontal en HTML5 (code)Article suivant：Utilisation des attributs js pour obtenir l'effet d'un menu déroulant horizontal en HTML5 (code)

Articles Liés

Voir plus