在模板文本中设置HTML Button`onclick`
在模板文本中设置HTML Button`onclick`
提问于 2017-04-09 02:40:09
我有一个使用模板文字的html模板。该函数如下所示
// postCreator.js
export const blogPostMaker = ({ title, content, address, id }, deletePost) => {
const innerHtml = `
<blog-post>
<h1 class='title'>${title}</h1>
<p class='content'>${content}</p>
<p class='address'>${address}</p>
<button onclick='${() => deletePost(id)}'>Delete</button>
</blog-post>
`
return innerHtml
}
//Blog.js
postHelper.getSeriesOfPosts(10)
.then(resp => {
resp.forEach(post => (blogDiv.innerHTML += blogPostMaker(post, postHelper.deletePost)))
})我不明白的是如何让onclick正常工作。我也尝试过将Blog.js中的一个无名函数传递给postCreator，但没有成功。
有什么想法吗？
回答 1
Stack Overflow用户
发布于 2017-09-17 20:37:36
const markUp = `
<button onclick="myFunction()">Click me</button>
`;
document.body.innerHTML = markUp;
window.myFunction = () => {
console.log('Button clicked');
};
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43298962
复制相关文章
相似问题