聚合物元素css沒有顯示-檢查器中沒有錯誤

Question

我正在與Polymer一起工作，並具有一個如下所示的index.html：

<!doctype html>
<html>
<head>
  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=no">
  <title>Testing polymer</title>

  <script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
  <link rel="import" href="bower_components/paper-tabs/paper-tabs.html">

</head>
<body unresolved fullbleed layout vertical center center-justified style="height: 100vh; margin: 0">
    <template is="auto-binding">
      <paper-tabs selected = "{{selectedPage}}">
        <paper-tab>Page 0</paper-tab>
        <paper-tab>Page 1</paper-tab>
        <paper-tab>Page 2</paper-tab>
        <paper-tab>Page 3</paper-tab>
      </paper-tabs>

    </template>
</body>
</html>

然后，我使用以下命令啟動服務器：

python -m SimpleHTTPServer

並導航到localhost：8000。 加載頁面后，沒有任何顯示。 這只是一個空白頁。 當我檢查JS控制台以查看是否有任何錯誤時，沒有任何錯誤。 如果我檢查“元素”選項卡，它們都在那里。 此外，當我檢查每個元素的“樣式”選項卡時，它完全不顯示任何內容。 我只是得到標准的橙色，黃色，綠色，藍色框。

我使用的是Polymer庫中包含的紙張標簽，並且沒有以任何方式操縱其CSS。 怎么了？ 我安裝不正確嗎？ 任何幫助，將不勝感激。

Answer 1

您應該對模板使用“ dom-bind”而不是“ auto-binding”。

聚合物元素css沒有顯示-檢查器中沒有錯誤

問題描述

1 個解決方案

解決方案1
1 已采納 2016-04-04 13:45:07

聚合物元素css沒有顯示-檢查器中沒有錯誤

問題描述

1 個解決方案

解決方案1 1 已采納 2016-04-04 13:45:07

解決方案1
1 已采納 2016-04-04 13:45:07