聚合物 1.0：聚合物元素未显示答案

【问题标题】：Polymer 1.0: polymer-element not showing聚合物 1.0：聚合物元素未显示
【发布时间】：2015-11-24 20:31:34
【问题描述】：

以下代码未在浏览器中显示。这适用于 Polymer 0.5。我使用 1.0 时是否存在代码差异？：

<link rel="import" href="../bower_components/polymer/polymer.html">
<polymer-element name="my-name">
  <template>
    <h1> Hello {{name}}</h1>
  </template>
  <script>
    Polymer('my-name', {
      ready: function() {
        this.name = "Brown";
      }
    });
  </script>
</polymer-element>

【问题讨论】：

是的，0.5 和 1.0 之间存在显着差异。我什至会说，从我的升级经验来看，它们本质上是不兼容的。检查这个：polymer-project.org/1.0/docs/start/reusableelements.html
我不想听起来刺耳，但伙计，你真的需要先阅读polymer-project.org/1.0/docs/migration.html，然后再提问。 别偷懒！
@zerodevx 是的，我需要大声笑！谢谢。

标签： polymer polymer-1.0

【解决方案1】：

基本上，您需要根据新要求重写您的元素。您可以在migration guide, registration element section 轻松关注它。

你应该像下面这样重写它：

<dom-module id="my-name">
  <template>
    <!--Keep in mind in polymer 1.0 you can't have whitespaces in bound tags-->
    <h1>Hello <span>{{name}}</span></h1>
  </template>
  <script>
    Polymer({
      is: "my-name", 
      ready: function () {
        this.name = "Brown";
      }
    });
  </script>  
</dom-module>

我做了一个Plunker where you can reproduce it。

【讨论】：

我稍后会试试这个，因为我把笔记本电脑忘在家里了。感谢您的回答。
需要导入以下行

【解决方案2】：

<link rel="import" href="../bower_components/polymer/polymer.html">
<dom-module id="my-name">
  <style>
    /*your styles go here*/
  <style>
  <template>
    <!-- Things to show in element view -->
    <h1> Hello <span>{{name}}</span></h1>
  </template>
<dom-module>
  <script>
    // Your script goes here
    Polymer({
        is: 'my-name',
      
        properties: {
            name: {
                type: String,
                value: 'Brown'
            }
        }
      });
  </script>

从 Polymer 0.5 迁移到 Polymer 1.0 + 时存在许多差异。他们将旧的polymer-element 更改为dom-module，将name 属性更改为id。如示例中所示，构造函数也发生了更改。阅读https://www.polymer-project.org/1.0/docs/migration.html 以获取有关迁移的更多信息。

【讨论】：

【解决方案3】：

聚合物 1.0 更改 <polymer-element name="my-name"> to <dom-module id="my-name">.

我认为你应该遵循聚合物 1.0 的文档

Polymer 1.0 documentation

【讨论】：