Aurelia 和 Shadow DOM答案

【问题标题】：Aurelia and Shadow DOMAurelia 和 Shadow DOM
【发布时间】：2016-12-19 17:35:23
【问题描述】：

我来自 Polymer，我想知道 Aurelia 是否以及如何支持 Shadow DOM 以及 Polymer 支持的相关功能。我看到提到 Aurelia 支持 Shadow DOM v1 插槽，它工作正常，但我无法启用 Shadow DOM - 我假设有一个 Polyfill，因为 v1 尚未实现，或者类似于 Polymer Shady DOM？

我对 Shadow DOM 的主要兴趣是样式封装。 Polymer 允许使用模板中的 :host 选择器对生成的容器元素进行样式设置 - Aurelia 是否允许类似的东西？

<template>
  <style>
    :host {
      display: block;
    }
  </style>
</template>

另外，是否有 CSS 变量的 polyfill，例如 Polymer（Shadow DOM 必不可少）？

【问题讨论】：

标签： aurelia shadow-dom

【解决方案1】：

经过一番挖掘 - Aurelia 仅支持 Shadow DOM V1 via 原生浏览器支持（除了插槽），因此即使您启用 Shadow DOM 支持也不会发生任何事情，因为浏览器还不支持它。

【讨论】：