Javascript 你能同时使用html模板标签和(ES)模板文字吗?
如果有HTML模板标记:Javascript 你能同时使用html模板标签和(ES)模板文字吗?,javascript,html,ecmascript-6,Javascript,Html,Ecmascript 6,如果有HTML模板标记: 还有(ES)模板文字: ] 是否可以从html标记中提取模板,将其转换为模板文字并使用它?我认为必须对其进行评估,如果您控制模板标记的内容,这是可行的。我认为29182244是这个的适当副本,因为它本质上是同一个问题:将常规字符串转换为模板字符串。@dandavis但是如果我们不能这样使用它,为什么还要有htm模板标记呢?只有一个是为另一个创造的才有意义。。然而似乎没有任何联系。@Pointy我看不出29182244是如何覆盖html模板标记的。@KalleH.V
还有(ES)模板文字:
]
是否可以从html标记中提取模板,将其转换为模板文字并使用它?我认为必须对其进行评估,如果您控制模板标记的内容,这是可行的。我认为29182244是这个的适当副本,因为它本质上是同一个问题:将常规字符串转换为模板字符串。@dandavis但是如果我们不能这样使用它,为什么还要有htm模板标记呢?只有一个是为另一个创造的才有意义。。然而似乎没有任何联系。@Pointy我看不出29182244是如何覆盖html模板标记的。@KalleH.Väravas请记住,HTML5标准和JavaScript标准是完全分开开发和推进的。HTML
块与JavaScript模板文本无关。我认为它必须经过评估,如果您控制模板标记的内容,这是可行的。我认为29182244是这个的适当副本,因为它本质上是同一个问题:将常规字符串转换为模板字符串。@dandavis但是如果我们不能这样使用它,为什么还要有htm模板标记呢?只有一个是为另一个创造的才有意义。。然而似乎没有任何联系。@Pointy我看不出29182244是如何覆盖html模板标记的。@KalleH.Väravas请记住,HTML5标准和JavaScript标准是完全分开开发和推进的。HTML
块与JavaScript模板文本无关。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
<template id="tpl-article">
<article>
<h1>${article.title}</h1>
<p>${article.desc}</p>
</article>
</template>
<main id="content">Load content here..</main>
<script>
// These are article contents (JSON):
const articles = [
{
title: 'Little kittens are the best!',
desc: 'Little kittens are the best ones yet. I mean who doesnt love little pussycats really? EVERYBODY loves them!'
},
{
title: 'What type of cats you like?',
desc: 'The soft ones, fluffy ones? Which kitties you like?'
}
];
// Loop trough the articles:
articles.forEach(article => {
// .. match the html template and articles json somehow?
});
</script>
</body>
</html>