【问题标题】:Polymer paper-input not working聚合物纸输入不起作用
【发布时间】:2016-10-25 04:40:12
【问题描述】:

我是聚合物初学者。我已经安装了 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 属性到paper-textarea! docs.js:126

混合属性时未找到行为 Polymer.IronA11yKeysBehavior 进入 Polymer.PaperInputBehavior!

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

【问题讨论】:

  • 我也检查了纸张输入测试。 26 个通过测试 console.js:57 测试套件通过了 console.js:57 在 2307 毫秒内评估了 26 个测试

标签: polymer bower web-component paper-elements


【解决方案1】:

&lt;paper-input&gt; 的 HTML 导入不正确:

<!-- wrong -->
<link rel="import" href="../../bower_components/paper-input">

应该是:

<link rel="import" href="../../bower_components/paper-input/paper-input.html">

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多