角度材质在添加属性时不会显示错误信息

我的指令可以添加一些属性。其中一个属性是“必需的”。角度材质在添加属性时不会显示错误信息

angular.module('MyApp',['ngMaterial', 'ngMessages']) 
    .controller('AppCtrl', function($scope) {}) 
    .directive("stPattern", ['$compile', stPattern]); 

function stPattern($compile) { 
    return { 
     restrict: 'A', 
     link: function ($scope, element, attrs, ngModel) { 
      $timeout(function() { 
       element 
        .attr("ng-pattern", /^123$/) 
        .attr("required", "required"); 

       element.removeAttr("st-pattern"); //because compile loop 

       $compile(element)($scope); 
      }, 2000); 
     } 
    }; 
}

在我看来，我创建一个输入形式的错误消息：

<form name="findForm"> 
    <md-input-container> 
     <label>CA ID</label> 
     <input type="text" name="findByCaId" 
       ng-model="findByCaId" 
       ng-focus="$event.target.select()" 
       st-pattern=""> 

     <div ng-messages="findForm.findByCaId.$error"> 
      <div ng-message="required">Campo obrigatório.</div> 
      <div ng-message="pattern">Valor inválido para o campo CA ID.</div> 
     </div> 
    </md-input-container> 
</form>

当我运行应用程序，验证情况良好，但消息没有显示！当我使用devtools检查浏览器上的呈现代码时，我可以看到消息div创建良好。

我注意到，当出现消息的一些CSS属性应用于消息：