首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >聚合物纸输入不起作用

聚合物纸输入不起作用
EN

Stack Overflow用户
提问于 2016-10-25 04:40:12
回答 1查看 851关注 0票数 0

我是个聚合物初学者。我已经安装了Polymerv1.7,我正在尝试构建一个简单的表单。在我的应用程序中试图输入纸张,但根本没有显示出来.检查DOM,注意到元素在那里,但没有呈现。并且,在控制台中显示了一些与纸张相关的消息。我决定构建一个全新的基本项目,只是为了测试这个单一的元素,但是,这个元素不起作用,消息也会持续存在。

我目前的代码是:

bower.json

代码语言:javascript
复制
{
    "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:

代码语言:javascript
复制
<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.IronA11yKeysBehavior中时找不到行为Polymer.PaperInputBehavior!

我试着在打开和关闭的纸标签(即: abc)之间放置一些内容,并显示,但不是作为输入元素(只是作为基本文本)。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-10-25 13:05:48

用于<paper-input>的HTML是不正确的:

代码语言:javascript
复制
<!-- wrong -->
<link rel="import" href="../../bower_components/paper-input">

它应该是:

代码语言:javascript
复制
<link rel="import" href="../../bower_components/paper-input/paper-input.html">
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40231479

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档