我如何在Haml中使用Web组件？

Question

我最近学习了Haml，这是一种非常酷的HTML语言。它彻底改变了我编写HTML代码的方式。

现在，我刚读完this article，这让我思考。我可以在Haml中使用Web组件，类似于我在Angular.js中使用它的方式吗？我是否可以从单独的Haml文件中“包含”Haml Web组件，然后使用%web-component或类似名称调用它们？

我将如何做到这一点？

Answer 1

实际上，HAML中没有具体的Web组件，因为它是一个HTML功能，它在客户端上运行，而haml在离开服务器端之前完全编译为html。

所以，你可以像在tutsplus教程中提到的那样使用haml中的WebComponents（只需将每个html代码翻译成对应的HAML代码）

示例：

%head
  %link{ rel: 'import', href: '/components/my_component.html'}
%body
  %my_component{'sample-attr' => 'bla bla '}

注意：我假设您已在包含组件components的{​​{1}}文件夹中创建了目录public

另一个注意事项：如果您希望自己的网络应用适用于所有浏览器，则应在某些浏览器中添加填充功能，因为目前并非所有浏览器都支持此功能read more