Javascript 聚合物-纸&x2B;铁输入不起作用

Javascript 聚合物-纸&x2B;铁输入不起作用,javascript,login,polymer,Javascript,Login,Polymer,我正在尝试创建一个基于教程的登录页面。我尝试了原始代码,也尝试了以下代码: <paper-input-container> <label>Username</label> <iron-input id="username" type="text" bind-value="{{formData.username}}"></iron-input> </pa

我正在尝试创建一个基于教程的登录页面。我尝试了原始代码,也尝试了以下代码:

        <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>

用户名
密码
但是,无论哪种情况,我的输入字段都是不可修改的。我无法单击内部开始提供数据,也无法显示初始标签(光标也不会从鼠标更改为类型图标):


我这里缺少什么?

您导入了要使用的元素了吗?您需要导入它们,以便将它们转换为浏览器可以理解的HTML标记

在本教程中:

现在我们将导入这些新的依赖项以及iron ajax、paper button和iron localstorage。我们不需要安装带Bower的iron localstorage,因为它附带了初学者工具包

注意:您可以查看/bower_components目录,查看自动安装的其他聚合物组件

用于注册登录的HTML导入现在应如下所示:


此外,您似乎在以下内容中缺少is=“iron input”:


上面的代码看起来很好,可以看到整个元素。
<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">
<input is="iron-input" id="username" type="text" bind-value="{{formData.username}}">