聚合物添加行为而不创建自定义元素?

达曼

在Polymer 1.1中,这是我的index.html

 <template is="dom-bind" id="app">
      <paper-drawer-panel force-narrow id="the-drawer">
        <paper-header-panel drawer>
          <paper-toolbar></paper-toolbar>
            <div> Drawer content... </div>
        </paper-header-panel>
        <paper-header-panel shadow="true" 
          mode="waterfall-tall"
          main
          class="fit">
          <paper-toolbar>

我想添加iron-resizable-behavior以捕获调整大小事件。问题是,我不想创建一个自定义元素来执行此操作。是否可以在iron-resizable-behavior不创建自定义元素的情况下添加到index.html?

艾伦·达瓦洛斯(AlanDávalos)

如果查看“行为指南”,它会提到行为的整个目的是通过自定义元素来扩展它们,因此如果不将它们扩展到一个元素中就无法使用它们。

您可以创建一个简单的元素来扩展iron-resizeable-behavior和触发您可以监听的事件,也可以将整个事件dom-bind变成一个元素。

再根据您需要执行的操作,使用iron-media-query可能就足够了。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

自定义div元素(聚合物)不监听contentEditable =“ true”

在另一个自定义标签内动态创建聚合物元素

聚合物:创建一个“常规”自定义元素

如何为聚合物2创建自定义元素的“调整大小” mixin?

自定义元素模板中的聚合物 3 自定义元素

如何使用户适应行为以将表单居中放置在聚合物中的自定义元素中?

聚合物查询选择器无法在聚合物元素中找到自定义聚合物元素

如何为自定义聚合物元素创建方法并在主应用程序中调用它?

在聚合物的内容元素中使用自定义元素

具有双向属性绑定的聚合物自定义元素

切换自定义元素“聚合物”中的纸张对话框

如何在自定义聚合物元素中处理paper-dropdown-close事件

在自己的项目中使用自定义聚合物元素-如何正确执行?

如何使Disqus注释javascript代码在聚合物自定义元素中工作

聚合物自定义元素属性为布尔型值

聚合物:在“自定义元素”中使用querySelector而不是“ this。$”。

如何将聚合物自定义元素绑定到内容?

在自定义聚合物元素中,我需要在何处安装super.attach?

如何将属性从自定义聚合物元素绑定到angularjs

聚合物布局属性可在整个视口上拉伸自定义元素

聚合物:自定义元素不隐藏标记,CSS

聚合物2,从父级更改自定义元素中的CSS

如何使用存储在自定义聚合物2.0元素属性中的对象

基于父页面的自定义元素“聚合物”对话框的大小/位置

具有模板即内容的聚合物自定义元素

聚合物自定义元素将不会样式化

聚合物:自定义过滤器

样式仅在具有布局属性的元素内应用于自定义聚合物元素的样式

聚合物1:如何使用自定义元素动态设置纸张复选框标签