2015-06-05 163 views
1

我正在尝试制作一个简单的'Hello World!'元件。我曾尝试安装带有凉亭的聚合物组件,并使用了zip文件。我也使用python和npm HTTP服务器,但仍然没有得到任何输出。 <html> <head> <title>Polymer</title> <script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script> <link rel="import" href="elements/hello-world.html"> </head> <body unresolved> <hello-world></hello-world> </body> </html>聚合物1.0不工作

与元素文件 <link rel="import" href="../bower_components/polymer/polymer-mini.html"> <polymer-element name="hello-world" noscript> <template> <h1>Hello World!</h1> </template> </polymer-element>

+1

'<聚合物元件>'是聚合物0.5。你想''。请参阅https://www.polymer-project.org/1.0/docs/start/quick-tour.html。 –

回答

7

您正在使用的聚合物元素的错API。您应该使用像Trevor Dixon提到的<dom-module>

See Plunker

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

<dom-module id="hello-world"> 
    <template> 
    <h1>Hello World!</h1> 
    </template> 
</dom-module> 

<script> 
Polymer({ 
    is: 'hello-world' 
}) 
</script>