Question

我需要在Polymer对象中访问javascript变量。尝试在准备好的功能中访问该变量但没有任何结果。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script src="components/webcomponentsjs/webcomponents-lite.js"></script>
    <link rel="import" href="elements/my-app.html">
  </head>
  <body>
    <my-app></my-app>
    <script>
      var messages = []
      var messages_count = {{ messages|length }};

      {% for message in messages %}
          var message = "{{ message.text }}"
          messages.push(message)
      {% endfor %}
    </script>
  </body>
</html>

更新：添加了my-app html文件

<dom-module is="my-app">
   <script>
     Polymer({
       is: "my-app",
     })
   </script>
</dom-module>

如何访问messages中的my-app？

Answer 1

您可以像访问任何其他JavaScript一样访问它们

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <base href="https://polygit.org/components/">
  <script src="wecomponentsjs/webcomponents-lite.min.js"></script>
  <link rel="import" href="polymer/polymer.html">
</head>

<body>
  <my-app></my-app>
  <script>
    var message = "Hi";
  </script>
</body>

</html>


<dom-module is="my-app">
  <template></template>
  <script>
    Polymer({
      is: "my-app",
      attached: function() {
        alert(message);
      }
    });
  </script>
</dom-module>

＆＃13;

访问聚合物

1 个答案: