angular material 输入栏显示错误

angular material error shows on the input field

我正在使用示例 angular material 输入(在对话框中)

<md-input-container flex="50">
         <label>Client Name</label>
         <input required name="clientName" ng-model="user.name">
         <div ng-messages="editForm.clientName.$error">
           <div ng-message="required">This is required.</div>
         </div>
       </md-input-container>

但是当错误消息消失时,它会在输入上出现第二次并破坏设计,而不仅仅是在输入下(例如在开始时只有在更改时才会在正确的地方出现错误)

我该如何解决?

找到解决方案:

md-input-container .md-input-message-animation{ margin-top: 2px !important; }