Aurelia 和 Shadow DOM

Question

我来自 Polymer，想知道 Aurelia 是否以及如何支持 Polymer 支持的 Shadow DOM 和相关功能。我看到提到 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 必不可少的)？

Answer 1

经过一些挖掘 - Aurelia 仅通过原生浏览器支持支持 Shadow DOM V1(插槽除外)，因此即使您启用 Shadow DOM 支持也不会发生任何事情，因为浏览器尚不支持它。