聚合物 - 在實施一個簡單的元素失敗

新手在web開發。試圖做tutorial如果聚合物 - 並實現一個簡單的元素。聚合物 - 在實施一個簡單的元素失敗

的index.html

<!doctype html> 
<html> 

<head> 
    <title>My Test</title> 

    <script src="./components/platform/platform.js"></script> 

    <link rel="import" href="my-element.html"> 

    <style> 
     div { width: 300px;} 
     my-element { font: bold 16px cursive;} 
    </style> 
</head> 

<body> 
    <div> 
    <my-element></my-element> 
    </div> 
</body>  
</html>

我-element.html

<polymer-element name="my-element"> 
    <template> 
     <div> 
      <p>rtrthdfghdfghdfghdgsdfasdfa</p> 
     </div> 
    </template> 
</polymer-element>

沒有任何反應在屏幕上。使用chrome SDL檢查所有資源都已加載好（200）。

這是渲染後的頁面源：

<!doctype html> 
<html> 

    <head> 
     <title>My Test</title> 
     <!-- <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes"> --> 
     <script src="./components/platform/platform.js"></script> 

     <link rel="import" href="my-element.html"> 

     <style> 
      div { width: 300px;} 
      my-element { font: bold 16px cursive;} 
     </style> 
    </head> 

    <body> 
     <div> 
     <my-element></my-element> 
     </div> 
    </body> 

    </html>

什麼，我做錯了什麼？

來源

2014-07-22 user1025852

你需要改變兩兩件事：

的noscript屬性添加到您的元素，因爲它不包含JavaScript和不Polymer('my-element',{});
進口在聚合物主HTML文件中註冊的組件的my-element.html：<link rel="import" href="./components/polymer/polymer.html">

來源

2014-07-22 08:34:59

感謝它現在正在工作。 – user1025852

聚合物 - 在實施一個簡單的元素失敗

回答

相關問題