Question

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

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

这不是：

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

someVarFromComponent是我的组件的变量。似乎为模板提供变量在参数中不起作用。或者它不适用于聚合物组分的参数？

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

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

Answer 1

正如Günter在他的评论中所述，很可能需要启用完整的影子DOM支持才能使用angular2。默认情况下，此选项未启用。可以使用

启用Shadow DOM

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

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

Answer 2

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