如何通过Javascript调用未作为属性公开的Polymer方法？

Question

例如，当您加载Google Web Components <google-streetview-pano>聚合物元素时，全景图会缓慢旋转。在检查google-streetview-pano.html文件后，很容易看到＆＃34;更新＆＃34;实现这一目标的功能。还有一个＆＃34;停止＆＃34;调用cancelAnimationFrame（this.rAFid）来停止动画的函数。

如何拨打＆＃34;停止＆＃34;从页面上的按钮开始工作？

是否需要在google-streetview-pano.html文件的属性声明中列出所有公开的公共函数？如果是这样，我是否需要根据父级创建新的自定义元素？

Answer 1

方法是关于元素的原型。您可以像调用本机HTML元素DOM API一样调用自定义元素的方法：

<google-streetview-pano id="pano"></google-streetview-pano>
<script>
  document.addEventListener('polymer-ready', function() {
    document.querySelector('#pano').stop();
  });
</script>

已发布的属性是元素上的属性，可通过同名的HTML属性进行配置。它们与方法不同。