聚合物 - 纸张+铁输入不起作用

Question

我尝试根据this教程创建登录页面。我尝试了原始代码，以及以下内容：

        <paper-input-container>
            <label>Username</label>
            <iron-input id="username" type="text" bind-value="{{formData.username}}"></iron-input>
        </paper-input-container>

        <paper-input-container>
            <label>Password</label>
            <iron-input id="password" type="password" bind-value="{{formData.password}}"></iron-input>
        </paper-input-container>

但是，在任何一种情况下，我的输入字段都是不可修改的。我无法点击内部开始提供数据，也没有显示初始标签（光标也不会从鼠标变为类型图标）：

我在这里缺少什么？

Answer 1

您是否导入了要使用的元素？您需要导入它们，以便Polymer可以将它们转换为浏览器可以理解的HTML标记。

从教程：

  

现在我们将导入这些新的依赖项以及iron-ajax，paper-button和iron-localstorage。我们不需要在Bower上安装iron-localstorage，因为它与入门套件一起打包。

     

注意：您可以检查/ bower_components目录以查看自动安装的其他Polymer组件。

     

现在注册登录的HTML导入应如下所示：

<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/iron-ajax/iron-ajax.html">
<link rel="import" href="../bower_components/iron-localstorage/iron-localstorage.html">
<link rel="import" href="../bower_components/iron-input/iron-input.html">
<link rel="import" href="../bower_components/paper-input/paper-input.html">
<link rel="import" href="../bower_components/paper-button/paper-button.html">
<link rel="import" href="shared-styles.html">

此外，您似乎缺少 = =＆＃34;铁输入＆＃34; ：

<input is="iron-input" id="username" type="text" bind-value="{{formData.username}}">