聚合物紙張輸入不起作用

Question

我是聚合物初學者。 我已經安裝了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），並顯示了內容，但未將其作為輸入元素（僅作為基本文本）

Answer 1

您的<paper-input> HTML導入不正確：

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

它應該是：

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