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

Question

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

现在，我刚读完这篇文章，它让我思考。我是否可以在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的public文件夹中创建了目录my_component

另一个注意事项:如果您希望web应用程序能够在所有浏览器上工作，则应该在某些浏览器中包含一个多边形填充，因为目前并不是所有浏览器都支持此功能阅读更多。