不会显示 Polymer/Paper 个元素
No Polymer/Paper elements will show up
我正在使用 Polymer 和为其设计的 Paper Elements 创建一个网站。我已经使用 Bower 安装了组件,看起来我的所有东西都在正确的位置。这是我的代码:
<html>
<head>
<script src="bower_components/webcomponentsjs/webcomponents.js"></script>
<link rel="import" href="bower_components/core-scaffold/core-scaffold.html">
<link rel="import" href="bower_components/core-item/core-item.html">
<link rel="import" href="bower_components/paper-input/paper-input.html">
<link rel="import" href="bower_components/paper-fab/paper-fab.html">
</head>
<body fullbleed unresolved>
<template is="auto-binding">
<core-scaffold>
<core-header-panel navigation flex>
<core-toolbar class="tall">
</core-toolbar>
</core-header-panel>
<div tool layout horizontal flex>
<span flex>Toolbar Text</span>
<core-icon icon="account-circle"></core-icon>
<span>7</span>
</div>
<div flex>
<div class="send_message" layout horizontal>
<paper-input flex label="Enter Text..." id="input" value="{{input}}"></paper-input>
<paper-fab icon="send" id="sendButton" on-tap="{{sendMyMessage}}"></paper-fab>
</div>
</div>
</core-scaffold>
</template>
</body>
</html>
我加载网页后没有任何显示。如果我取出模板标签,我可以在我的工具栏中看到文本,但仍然 none 的元素呈现。感谢任何帮助,提前致谢!
根据您对 core-*
元素的使用情况(已替换为 iron-*
) and auto-binding
(replaced by dom-bind
). Polymer docs have a migration guide that could help you upgrade, but it might be easier to start from scratch, using Polymer Starter Kit(具有最新和最好的元素),您似乎使用的是旧版本的 Polymer (< 1.0)。
我正在使用 Polymer 和为其设计的 Paper Elements 创建一个网站。我已经使用 Bower 安装了组件,看起来我的所有东西都在正确的位置。这是我的代码:
<html>
<head>
<script src="bower_components/webcomponentsjs/webcomponents.js"></script>
<link rel="import" href="bower_components/core-scaffold/core-scaffold.html">
<link rel="import" href="bower_components/core-item/core-item.html">
<link rel="import" href="bower_components/paper-input/paper-input.html">
<link rel="import" href="bower_components/paper-fab/paper-fab.html">
</head>
<body fullbleed unresolved>
<template is="auto-binding">
<core-scaffold>
<core-header-panel navigation flex>
<core-toolbar class="tall">
</core-toolbar>
</core-header-panel>
<div tool layout horizontal flex>
<span flex>Toolbar Text</span>
<core-icon icon="account-circle"></core-icon>
<span>7</span>
</div>
<div flex>
<div class="send_message" layout horizontal>
<paper-input flex label="Enter Text..." id="input" value="{{input}}"></paper-input>
<paper-fab icon="send" id="sendButton" on-tap="{{sendMyMessage}}"></paper-fab>
</div>
</div>
</core-scaffold>
</template>
</body>
</html>
我加载网页后没有任何显示。如果我取出模板标签,我可以在我的工具栏中看到文本,但仍然 none 的元素呈现。感谢任何帮助,提前致谢!
根据您对 core-*
元素的使用情况(已替换为 iron-*
) and auto-binding
(replaced by dom-bind
). Polymer docs have a migration guide that could help you upgrade, but it might be easier to start from scratch, using Polymer Starter Kit(具有最新和最好的元素),您似乎使用的是旧版本的 Polymer (< 1.0)。