javascript - 使用 handlebars.js 创建条件渲染
问题描述
我正在使用 Handlebars.js 和 Express.js 构建一个简单的调查网络应用程序
我有一个带有欢迎消息和 HTML 按钮的面板
用户单击按钮时是否可以更改传递的布尔值?
目的是在我单击开始按钮时呈现一个新模板
自定义助手在这种情况下不起作用
如果我想渲染 react.js 组件之类的模板怎么办?
home.hbs(主体元素):
{{#if test}}
<div class="myContainer d-flex justify-content-center align-items-center">
<div class="container bg-success col-6 text-center">
<h2>welcome</h2>
<p>click on start button</p>
<button onclick="{{changeFoo test}}" class="btn btn-primary">start</button>
<h2>{{price}}</h2>
</div>
</div>
{{else}}
<h1>questions</h1>
{{/if}}
我的自定义助手(changeFoo):
hbs.registerHelper('changeFoo', function(foo) {
foo = !foo;
console.log(foo)
return foo
});
我的路由器:
return res.render('home', {
test: true,
price: 2
})
解决方案
推荐阅读
- python - 在 pandas 数据框中使用 str.extract 创建多索引
- python - 合并pyspark中的列并替换值?
- reactjs - 如何使用 React 在另一个浏览器选项卡中打开本地 PDF 文件?
- python - 如何从 python 控制台将 python 脚本作为模块导入?
- java - 在按钮的 setText() 方法中使用连接值的/一种正确方法是什么?
- wybuild - wybuild - 兼容性检查
- java - 链表缺少两个元素 为什么输出为 10 12 32 34 35 44 55 56 57 64 72 80 120 最后两个元素丢失
- android - Flutter & Firebase Messaging 自定义声音和提示消息
- python - 如何在数据框pyspark中转换日期2021-04-01012:02:00中的日期2021-04-01T00:12:02+00:00
- python - Python 日志记录 - 如何在每次写入日志文件时刷新?