pug - 无需客户端 Javascript 即可在 Jade 中进行数据绑定(bind)

Question

我正在将字段与 name 、 value 属性绑定(bind)。但并不舒服。

input(name='user[name]', value='#{user.name}')

我想要类似于 knockout.js 的数据绑定(bind)但无需在客户端(传统移动设备)加载 javascript。类似下面的代码:

 input(databind='username[value]')

Answer 1

knockout.js 的一个重要部分是“双向绑定(bind)”，检测 DOM 元素上的更改和事件并将它们反射(reflect)在模型中。如果不加载 JavaScript，这部分是不可能的。

所以我假设您在生成要发送给客户端的 html 时询问某种形式的单向绑定(bind)。

这让我想知道您寻求什么好处。这仅仅是对不同编码风格的偏好吗？

Knockout.js 的数据绑定(bind)呈现为一组可扩展的“绑定(bind)”，每个绑定(bind)都针对特定目的进行定制，以使特定范围的使用场景变得方便。例如，knockout 的 foreach 或重复绑定(bind)可以方便地生成列表或表格。对我来说，Knockout 的最大优势在于可以轻松创建新的绑定(bind)来满足您的特定需求。

这里有一些想法的值(value)......排名不分先后。

1. 您也许可以使用 jade mixins 和 block 来定义一些适合常见使用场景的简单的可重用绑定(bind)。
2. 查看适合您的服务器端环境的其他模板库，看看是否有比 jade 更适合您的模板库。
3. 具有扩展机制(EJS 过滤器、Mustache lambda、JSP 自定义标记)的模板库将允许您为您的使用场景创建一些常用的绑定(bind)并重用它们。

也许最好的办法就是更具体地说明您想要的好处。这可能会激发一些更好的 react 。