错误“找到3个具有非唯一ID #input的元素”

Question

我在Chrome 63.0.3239.108（今天上午更新）中使用了Polymer，并且在启动Webapp时遇到了一些新错误：

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

是的，纸张输入元素具有相同的ID，但是我该怎么做才能消除此控制台错误？

非常感谢

Answer 1

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

喜欢：

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