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

我试图根据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>

但是，在任何情况下，我的输入字段是不可修改的。我不能点击里面开始提供数据，也不显示初始标签（光标也不会从鼠标变为类型图标）：

我在这里错过了什么？

来源

2017-07-18 lte__

上面的代码看起来不错，可能很好看整个元素。 – Niklas

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

从教程：

现在，我们将与铁阿贾克斯，纸按钮，铁的localStorage一起导入这些新的依赖。我们不需要使用Bower安装铁本地存储，因为它与初学者工具包一起打包。

注意：您可以检查/ 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">

而且，你似乎缺少是= “铁输入”在：

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

来源

2017-07-22 16:35:35

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

回答

相关问题