Polymer 聚合物芯输入不渲染
我的代码如下:Polymer 聚合物芯输入不渲染,polymer,Polymer,我的代码如下: <body unresolved> <core-header-panel> <core-toolbar layout horizontal center> <h1 flex>Title</h1> <a href="#" class="middle indent">Users</a> <a href="#" class="middle indent">T
<body unresolved>
<core-header-panel>
<core-toolbar layout horizontal center>
<h1 flex>Title</h1>
<a href="#" class="middle indent">Users</a>
<a href="#" class="middle indent">Terms</a>
</core-toolbar>
<div class="container" layout horizontal>
<core-input placeholder="Placeholder text here"></core-input>
</div>
</core-header-panel>
</body>
标题
问题是我的核心输入组件没有得到渲染。核心标题面板和核心工具栏可以,但核心输入不能。它的宽度和高度为0px。即使我为它指定了宽度和高度,它也会渲染,内部没有任何内容。我正在使用导入加载所有组件
我错过什么了吗
进口产品包括:
<link rel="import" href="../components/font-roboto/roboto.html">
<link rel="import" href="../components/core-header-panel/core-header-panel.html">
<link rel="import" href="../custom-components/admin-users.html">
<link rel="import" href="../components/core-input/core-input.html">
Chrome是38版。来自:
重要信息:如果核心标题面板的父面板没有高度,则不会显示核心标题面板
使用适当的高度和宽度属性设置核心标题面板的样式将显示占位符
更新HTML导入以包括核心工具栏:
<link rel="import" href="../components/font-roboto/roboto.html">
<link rel="import" href="../components/core-header-panel/core-header-panel.html">
<link rel="import" href="../components/core-toolbar/core-toolbar.html">
<link rel="import" href="../components/core-input/core-input.html">
并将此样式添加到与HTML导入相同的页面上:
<style>
core-header-panel {
width: 360px;
height: 400px;
}
</style>
芯头面板{
宽度:360px;
高度:400px;
}
更换
<core-input placeholder="Placeholder text here"></core-input>
与
您可以显示您的导入吗?您在哪个浏览器上渲染?其他所有内容都会渲染-即使是纸张输入,但核心输入不会。
<input is="core-input" placeholder="Placeholder text here">