在烧瓶 wtforms jinja select 上设置动态数据属性

Question

有一个烧瓶 wtforms 选择字段并尝试合并 htmx ajax 调用，该调用在数据属性中有破折号，所以我在 SO 上找到了如下解决方案：

{{ form.dia(class="form-select", **{'hx-post': "/pulleys/{{pulley_id}}/hub_type", 'hx-target': "#hub-shaft-selection", 'hx-swap': "innerHTML"}) }} 

但是 {{pulley_id}} 没有被模板解析，我猜它已经在另一个 {{ }} 中了。 有没有办法构建如上所示的动态部分，所以它最终成为

'hx-post'="/pulleys/1/hub_type"

pulley_id=1 完全渲染时

Answer 1

如果pulley_id 是循环内的变量或传递给render_template 的变量，您应该能够格式化字符串：

{{ form.dia(class_="form-select", **{'hx-post': "/pulleys/%s/hub_type"|format(pulley_id), 'hx-target': "#hub-shaft-selection", 'hx-swap': "innerHTML"}) }} 

注意：如果您尝试设置 HTML 类属性，您还需要 class_ 而不是 class。