聚合物紙元素屬性和Angular2

我使用的是Angular2和Google Polymer紙張元素。工作正常，但我有問題的屬性。雖然這工作：聚合物紙元素屬性和Angular2

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

這並不：

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

someVarFromComponent是我的組件的變量。它似乎提供變量模板不起作用的參數。或者它不適用於聚合物組件的參數？

當我的組件變量someVarFromComponent更改時，我需要更改中heading屬性的內容。

有沒有針對此問題的解決方案或解決方法？

2016-01-20 Witek

它可能有必要使聚合物的全陰影DOM能夠與Angular正常工作https://www.polymer-project.org/1.0/docs/devguide/settings.html –

它適用於我[plnkr]（http：// plnkr。編輯/編輯/ jMNExeWhy9stK3XAxtPo？p =預覽）（不熟悉聚合物，但我認爲它工作） –

你可以添加更多代碼嗎？你如何定義'someVarFromComponent'？ – Dmitry

試試這個 <paper-card [heading]="someVarFromComponent"></paper-card>

2016-01-20 18:46:29 jeff

這根本不起作用。標題總是空的。即使我在聲明中用文本初始化一些VarFromComponent。 – Witek

如君特在他的評論中指出，最有可能完全影子DOM支持將需要開啓與angular2工作。默認情況下，這沒有啓用。影子DOM可以通過在index.html文件的<head>或使用

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

，而不在啓動的js文件<script>標籤（最好是執行的第一段代碼中使用被啓用。

2016-02-02 07:31:59 SnareChops

當Polymer與Angular2一起使用時，一般建議啓用全影DOM。我從問題中的代碼構建了一個示例項目，即使使用默認的黑幕DOM（比如@ErikMartinez用他的Plunker演示） –

@GünterZöchbauer啊，它也可以正常工作，所以這裏可能有其他錯誤。由於歷史原因，我會將其留在這裏，但可能會因您的評論而被刪除，但似乎並不是問題的正確答案。 – SnareChops

我很確定這是一般設置的問題。但@Witek沒有提供任何額外的信息，這使得很難指出。 –

回答