Question

在下面我希望[[myText]]具有值＆＃34; Hello world。＆＃34;我设置了我的标记。

图标按照我的预期显示，但[[myText]]的值是...... [[myText]]，而不是我认为的字符串。有什么想法吗？

index.html.erb

<h1>Practice</h1>
<xhome-item toggle-icon="polymer" my-text="Hello world."></xhome-item>

xhome-item.html

<dom-module id="xhome-item">
  <link rel="stylesheet" href="xhome-item.css" />

  <template>
    [[myText]]        // HERE HERE WHY isn't this set??
    <paper-button>
      <iron-icon icon=[[toggleIcon]]></iron-icon>

    </paper-button>
  </template>

  <script src="xhome-item.js"></script>
</dom-module>

xhome-item.js

Polymer({
  is: "xhome-item",
  properties: {
    toggleIcon: String,
    myText: String
  }
});

xhome-item.css

:host {
        display: inline-block;
      }

iron-icon {
            fill: rgba(11, 31, 249, 0.64);
            stroke: rgba(249, 11, 11, 0.89);
          }

:host([pressed]) iron-icon {
                             fill: rgba(249, 11, 11, 0.89);
                           }

paper-button {
  background: green;
  color: yellow;
}

Answer 1

IT在这里工作：Plunk

<template>
    [[myText]]        // HERE it's OK
    <paper-button>
      <iron-icon icon=[[toggleIcon]]></iron-icon>

   </paper-button>
</template>

接缝问题不在代码中。设置在线示例是一种很好的做法，更容易理解问题。

编辑：

检查控制台日志，是否有一些错误？

查看unregistered_custom_elements.bookmarklet.js

纯文本未正确添加到我的元素中

1 个答案: