2015-10-06 144 views
1

我想學習聚合物,但我不能讓它工作。聚合物沒有輸出

,我創建的新元素沒有顯示比DOM元素

其他任何輸出請檢查下面我代碼:

的Index.html

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script> 
    <link rel="import" href="dom-element.html"> 
    <link rel="import" href="hello-world.html"> 
    </head> 
    <body> 
    <dom-element></dom-element> 
    <hello-world></hello-world> 
    </body> 
</html> 

DOM-element.html

<link rel="import" 
     href="bower_components/polymer/polymer.html"> 

<dom-module id="dom-element"> 

    <template> 
    <p>I'm a DOM element. This is my local DOM!</p> 
    </template> 

    <script> 
    Polymer({ 
     is: "dom-element" 
    }); 
    </script> 

</dom-module> 

hello-world.html

<link rel="import" 
     href="bower_components/polymer/polymer.html" /> 
<polymer-element name="hello-world" noscript 
    <template> 
     <h1>Hello World</h1> 
    </template> 
</polymer-element> 

這裏是輸出: 我是一個DOM元素。這是我的本地DOM!

回答

1

你DOM元素看起來不錯,我已經在this plunker測試。有用。 你好,世界使用聚合物0.5語法。如migration guide中所述,polymer-element在1.0中重命名爲dom-module

+0

謝謝,現在這就是我想念的。這是我在stackoverflow的第一個問題,謝謝你的幫助。 –