我是聚合物初学者。我已经安装了Polymer v1.7,并且正在尝试构建一个简单的表单。在我的应用程序中尝试输入纸张,但根本没有显示。在检查DOM时,注意到该元素存在,但未呈现。并且,在控制台中显示了一些与纸张相关的消息。我决定构建一个全新的基础项目,仅用于测试单个元素,但是同样,该元素不起作用并且消息仍然存在。
我当前的代码是:
bower.json
{
"name": "test001",
"main": "index.html",
"dependencies": {
"polymer": "Polymer/polymer#^1.4.0",
"iron-elements": "PolymerElements/iron-elements#^1.0.10",
"iron-form": "PolymerElements/iron-form#^1.1.4",
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
"paper-elements": "PolymerElements/paper-elements#^1.0.7"
},
"devDependencies": {
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
"iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0",
"web-component-tester": "^4.0.0",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
}
}
test001-app:
<link rel="import" href="../../bower_components/polymer/polymer.html">
<link rel="import" href="../../bower_components/paper-input">
<dom-module id="test001-app">
<template>
<style>
:host {
display: block;
}
</style>
<h2>Hello [[prop1]]</h2>
<paper-input label="Etiqueta"></paper-input>
</template>
<script>
Polymer({
is: 'test001-app',
properties: {
prop1: {
type: String,
value: 'test001-app',
},
},
});
</script>
</dom-module>
控制台消息:
将属性混合到纸张输入中时,找不到行为Polymer.IronA11yKeysBehavior!docs.js:126
将属性混合到纸张输入中时,找不到行为Polymer.IronFormElementBehavior!docs.js:126
将属性混合到纸张文本区域中时,找不到行为Polymer.IronFormElementBehavior!docs.js:126
将属性混合到Polymer.PaperInputBehavior中时,找不到行为Polymer.IronA11yKeysBehavior!
我尝试在打开和关闭纸质标签之间放置一些内容(即abc)并显示,但不作为输入元素(仅作为基本文本)
您的HTML导入<paper-input>
不正确:
<!-- wrong -->
<link rel="import" href="../../bower_components/paper-input">
它应该是:
<link rel="import" href="../../bower_components/paper-input/paper-input.html">
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句