html - 错误 "Found 3 elements with non-unique id #input"

Question

我在 Chrome 63.0.3239.108(今天早上更新)中使用 Polymer，在启动我的网络应用程序时遇到了一些新错误:

[DOM] Found 3 elements with non-unique id #input

这是我的代码:

<div class="card-content" on-keypress="_keyHandler">
   <paper-input id="login" label="[[i18n('uid')]]"></paper-input>
   <paper-input id="pwd" label="[[i18n('pwd')]]" type="password"></paper-input>
   <paper-input id="server" label="[[i18n('server')]]"></paper-input>
</div>

是的，<paper-input>元素具有相同的 id，但我该怎么做才能消除此控制台错误？

非常感谢

Answer 1

当我使用 Angular 5 时，我遇到了同样的问题。我将“name”属性放入我的标签中并修复了。

喜欢:

<input type="text" [(ngModel)]="user.userName"  name="loginUserName" >