2015-08-17 248 views
-2

我想呈現一個簡單的聚合物元素。我已經跟隨了文檔,它沒有呈現。奇怪的是,一個更復雜的聚合物標籤可以工作(如<dom-module id="">),但<polymer-element>沒有運氣。聚合物簡單元素不呈現

的index.html

<!DOCTYPE html> 
<html> 
<head> 
    <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script> 
    <link rel="import" href="elements/daniel-element.html"> 
    <title>Polymer Learning</title> 
</head> 
<body> 
    <daniel-element></daniel-element> 
</body> 
</html> 

丹尼爾 - element.html

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

<polymer-element name="fav-color"> 
    <template> 
    This is <b>{{owner}}</b>'s fav-color element. 
    {{owner}} likes the color 
    <span style="color: {{color}}">{{color}}</span>. 
    </template> 
    <script> 
    Polymer({ 
     owner: "Daniel", 
     color: "red" 
    }); 
    </script> 
</polymer-element> 

當我運行:

python -m SimpleHTTPServer 

OR

polyserve 

瀏覽器不呈現元素。 我看了這個問題,並沒有找到解決方案..以前感謝。

回答

3

<polymer-element>標記用於較舊版本的聚合物。使用1.0時,您需要使用<dom-module id="">,它可以按照您的注意事項工作。查看migration guide以瞭解有關在1.0中指定本地DOM的更多信息。