md入力メッセージに無効なメッセージで呼び出されたアニメーションが表示されますelement：

Question

次のメッセージが表示される理由はわかりません。誰かがAngularJS/Angular Materialでこれを遭遇しましたか？私は間違って何をしていますか？メッセージ自体は少し曖昧です。

mdInput messages show animation called on invalid messages element: 
md-input-container.md-block.md-icon-right.md-default-theme.md-input-has-value 

Answer 1

古い質問ですが、誰かがこれにぶつかる場合には、入力フィールドにエラーメッセージを入力する必要があります。エラーは、メッセージ要素が見つからないため、エラーメッセージを表示にアニメートできないということです。

md-input-containerには、エラーを処理するためのng-messages要素が含まれています。フォームがemailという名前の、必要なメールアドレスを入力してmyFrmを呼び出している場合たとえば、あなたのコードはこのようなものになるだろう：

<form name="myFrm"> 
    <md-input-container> 
    <label>Email Address</label> 
    <input type="email" ng-model="myFrm.email" name="email" required/> 
    <div ng-messages="myFrm.email.$error"> 
     <div ng-message="required">Email address is required</div> 
    </div> 
    </md-input-container> 
    <!-- Other form elements.... --> 
</form> 

Answer 2

私は、エラーメッセージが適切な方法を設定したにもかかわらず、この現象が発生いましたHooligancatは述べて、私は問題を発見した。

私が書いたばかりのファクトリでは、同じファクトリで別の関数を返すという問題が発生しました。返された値は決して使用していませんでした。私が実際にこの機能を使用したときも、それは失敗しませんでした。代わりに、ng-messages部門の子供たちが失われました。私はエラーに掘り下げて見ました。

困ったことに、私はこの工場を他のいくつかのコンポーネントでうまく使用していました。

エラーメッセージが正しく設定されていることを既に確認している場合は、最後に作業したときから追加または変更したコードを詳細に検索する必要があります問題を見つける。

幸運を祈る！

編集 - 私がこれを投稿した直後に、私はいくつかのものをきれいにして問題が戻ってきた。
仲間の同僚が何が起こっていたのかを見て、私が持っていた作業用バージョンと非稼動用バージョンで子供の$範囲が違うことがわかりました。親コンポーネントのhtmlにはng-if = "true"句を入れていますが、それでも問題は解決しましたが、まだ私が見つけていない何かがあると思われます。

詳細 - 私はコンポーネントAのフォームとコンポーネントBのフォームを持ち、コンポーネントBはコンポーネントAのフォームディレクティブの内側にありました。フィールドディレクティブをフィールドの周りのみに移動するには、フォームBがフォームAにネストされていないことを確認し、問題を修正しました。だから私はなぜこれが問題を引き起こしたのかをよく理解しています。

あなたの問題が何であるかを知りたい場合は、Hooligancatの修正が必要です。