Question

我是聚合物（2.0）的新手，所以我只是练习一个示例应用程序。我想创建一个带有两个纸张输入字段的基本“登录”屏幕。

我会告诉你到目前为止我得到了什么。

我的index.html：

<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="import" href="./bower_components/webcomponentsjs/webcomponents-lite.js">
        <link rel="import" href="./bower_components/polymer/polymer.html">
        <link rel="import" href="./testing/login-page.html">
    </head>
    <body unresolved>
        <login-page></login-page>
    </body>
</html>

我的login-page.html，位于名为'testing'的文件夹中

<dom-module id="login-page">
    <template>
        <h2>Hello!</h2>
        <paper-input label="test">test</paper-input>
    </template>
    <script>
        Polymer({
            is: 'login-page',
            properties: {
                prop1: {
                    type: String,
                    value: 'login-page',
                },
            }
        });
    </script>
</dom-module>

我已使用bower使用以下命令安装了纸张输入：bower install paper-input

问题是，它没有显示，但是当我检查页面时它出现在阴影dom中。 h2标签中的所有内容都会显示出来。再说一次，我对聚合物来说是全新的，那么我有什么问题吗？

Answer 1

如果您使用的是Polymer 2.0，则需要下载db_filter后缀的元素。

在你的情况下

#2.0-preview

然后将其导入您的页面

bower i --save PolymerElements/paper-input#2.0-preview

聚合物纸仅在阴影dom中输入，在浏览器中不可见

1 个答案: