聚合物纸元素属性和角度答案

【问题标题】：Polymer paper element attributes and Angular聚合物纸元素属性和角度
【发布时间】：2016-01-20 18:28:09
【问题描述】：

我正在使用 Angular 和 Google Polymer 纸张元素。工作正常，但我有属性问题。虽然这确实有效：

<paper-card>{{someVarFromComponent}}</paper-card>

这不是：

<paper-card heading="{{someVarFromComponent}}"></paper-card>

someVarFromComponent 是我的组件的一个变量。似乎向模板提供变量在参数中不起作用。还是在聚合物组件的参数中不起作用？

当我的组件变量someVarFromComponent发生变化时，我需要更改<paper-card>中heading属性的内容。

是否有针对此问题的解决方案或解决方法？

【问题讨论】：

可能需要启用完整的影子 DOM 才能使 Polymer 与 Angular polymer-project.org/1.0/docs/devguide/settings.html 正常工作
它适用于我plnkr。（不熟悉聚合物，但我认为它有效）。
你能添加更多代码吗？你如何定义someVarFromComponent？
您能否提供更多信息，以便我们更好地回答您的问题并给予它应有的答案。

【解决方案1】：

正如 Günter 在他的评论中所说，很可能需要打开完整的 shadow DOM 支持才能与 angular2 一起使用。默认情况下，此功能未启用。 Shadow DOM 可以通过使用来启用

<script>
    window.Polymer = window.Polymer || {};
    window.Polymer.dom = 'shadow';
</script>

在您的index.html 文件的<head> 中，或者可以在您的启动js 文件中不带<script> 标记使用（最好是执行的第一段代码。

【讨论】：

在 Polymer 与 Angular2 一起使用时，通常建议启用全阴影 DOM。我从问题中的代码构建了一个示例项目，即使使用默认的 shady DOM 也能正常工作（就像 @ErikMartinez 用他的 Plunker 演示的那样）
@GünterZöchbauer 啊，所以这里可能有其他问题。由于历史原因，我将把它留在这里，但可能会像您的评论一样删除它似乎不是问题的正确答案。
我很确定这是一般设置的问题。但是@Witek 没有提供任何额外的信息，因此很难指出。
@GünterZöchbauer 同意，我已经要求提供更多信息，因此希望他能提供一些信息，但就目前而言，由于没有足够的细节，这个问题无法回答。

【解决方案2】：

试试这个 <paper-card [heading]="someVarFromComponent"></paper-card>

【讨论】：