Polymer 图纸菜单按钮不显示在图纸工具栏内
我对Polymer非常陌生,我试着使用纸张工具栏中的纸张菜单按钮,重现Kevin Schaaf在Polymer Summit 2015上所显示的内容,但事实证明该元素并未显示。下面是我的代码:Polymer 图纸菜单按钮不显示在图纸工具栏内,polymer,polymer-1.0,Polymer,Polymer 1.0,我对Polymer非常陌生,我试着使用纸张工具栏中的纸张菜单按钮,重现Kevin Schaaf在Polymer Summit 2015上所显示的内容,但事实证明该元素并未显示。下面是我的代码: <link rel="import" href="../bower_components/iron-icons/iron-icons.html"> <link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/iron-icons/iron-icons.html">
<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/paper-toolbar/paper-toolbar.html">
<link rel="import" href="../bower_components/paper-input/paper-input.html">
<link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html">
<link rel="import" href="../bower_components/paper-menu-button/paper-menu-button.html">
<dom-module id="input-header">
<template>
<paper-toolbar>
<paper-icon-button icon="mail"></paper-icon-button>
<div>{{title}}</div>
<paper-menu-button>
<paper-icon-button icon="more-vert"></paper-icon-button>
<paper-input label="Thread name:" value="{{title}}"></paper-input>
</paper-menu-button>
</paper-toolbar>
</template>
<script>
Polymer({
is: 'input-header',
properties: {
label: {
type: String,
notify: true
}
}
});
</script>
</dom-module>
{{title}}
聚合物({
是:“输入标题”,
特性:{
标签:{
类型:字符串,
通知:正确
}
}
});
我做错了什么?提前谢谢。我不知道你在尝试什么。使用
纸张输入
内部纸张菜单按钮
来显示一些项目对我来说并不重要,但无论如何,如果你想看到纸张图标按钮
内部纸张菜单按钮
你必须添加下拉触发类
代码应为:
<paper-toolbar>
<paper-icon-button icon="mail"></paper-icon-button>
<div>{{title}}</div>
<paper-menu-button>
<paper-icon-button icon="more-vert" class="dropdown-trigger"></paper-icon-button>
<paper-input label="Thread name:" value="{{title}}"></paper-input>
</paper-menu-button>
</paper-toolbar>
{{title}}
纸菜单按钮应该有一些下拉内容,所以我没有得到它
可能在
纸张图标按钮
和纸张输入
周围使用一些wrapdiv
,并为其设置下拉触发类这些类很重要。此外,您没有定义了下拉内容类的纸质菜单。我不确定是否有纸张输入
<paper-menu-button>
<paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button>
<paper-menu class="dropdown-content">
<paper-item>Share</paper-item>
<paper-item>Settings</paper-item>
<paper-item>Help</paper-item>
</paper-menu>
</paper-menu-button>
分享
设置
帮助
不知道这是否是导致错误的原因事实上,修复div标签并不能解决问题。我已经在本地测试过了,它不会显示纸质菜单按钮。谢谢!我已经添加了更改,现在可以使用了@如果它有效,这就是你正在使用的,请接受这个答案,这是很好的礼节。