テキストエリアは、私がこのようなHTMLを持って角度

Question

にinitの無効です：私は検証が唯一のぼかしの上に表示させることができる方法、

<div ng-if="item.fieldType == 'TextArea'" flex="100" ng-class="{error: form[item.id].$error}" class="ng-scope error flex-100"> 
    <textarea name="{{item.id}}" ng-required="item.isRequired" ng-pattern="item.regexValidation" ng-model="item.value"></textarea> 
    <div ng-messages="form[item.id].$error" aria-live="assertive" class="ng-active"> 
     <div ng-message="required" class="ng-scope">This is required!</div> 
    </div> 
</div> 

およびTextAreaが無効と必要なNG-のメッセージであるinitの示されていますか？私は角度1.5と角度のある素材を使用しています。

Answer 1

私は

textarea + [ng-messages] [ng-message] { 
    opacity: 0; 
    margin-top: -100px; 
    font-size: 12px; 
    line-height: 14px; 
    color: red; 
    -webkit-transition: all .3s ease; 
    transition: all .3s ease; 
} 

textarea.ng-touched + [ng-messages] [ng-message] { 
    opacity: 1; 
    margin-top: 0; 
}