javascript - 访问 polymer 内部的全局变量

标签 javascript polymer

我需要访问 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>

以及如何访问 my-app 中的 messages

最佳答案

您可以像在任何其他 javascript 中访问它们一样访问它们

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

关于javascript - 访问 polymer 内部的全局变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40926309/

相关文章:

javascript - 如何检查 Stripe 元素中的 Stripe 优惠券有效性?

javascript - 如何获取未读消息数 PubNub

javascript - 将 polymer 数据绑定(bind)到 Firebase 快照中的文本

javascript - Polymer 1.0 Local Dom 与 this.$ 选择器相关的问题

javascript - Puppeteer - 在框架内运行函数

javascript - prettyPhoto 一页上的多个画廊

polymer 向左或向右滑动以显示新页面

css - Polymer:加载动态内容时重新加载样式

javascript - 将数组填充为空

javascript - polymer 悬停 css 不起作用