alpine.js 与 Zope 页面模板

Question

在 Zope 页面模板中使用包含冒号的 alpine.js 指令（例如

x-on:click

或

:class

）时，我收到类似

builtins.KeyError 'Undefined namespace prefix: x-on.'

的错误。

ZPT 和 alpine.js 本质上不兼容还是有解决方法？

也许可以排除一些要解析的名称空间或在 site.zcml 中添加“虚拟”名称空间？如果可以的话，是怎么做到的？

Answer 1

在做了更多研究之后，似乎创建新的命名空间不仅仅是配置 site.zcml，所以这似乎不是一个选项。

一个简单的解决方案是使用

tal:attributes

来编写有问题的指令：

<button tal:attributes="x-on:click string:alert()">Toggle</button>