Question

以下代码未在浏览器中显示。这适用于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>

Answer 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。

Answer 2

＆＃13;

<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>

＆＃13;

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

Answer 3

聚合物1.0改变$(".gc-bubbleDefault.pls-container").parent().css("display", "none");

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

Polymer 1.0 documentation

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

3 个答案: