通过指令动态添加ng-pattern并不能启动验证

Question

我尝试使用以下指令将ng-pattern添加到特定表单上的特定输入。它添加了ng-pattern，但验证不起作用。但是，每当我手动将ng-pattern添加到输入时，验证工作正常。关于为什么这不起作用，我唯一的假设是，角度是不是认识到ng模式被添加到输入字段？如果是这样的话，怎么解决这个问题呢？对不起，我是一个Angular noob。这是我的指示：

.directive('billValidation', [() => {
       return {
           restrict: 'A',
           link:(scope, element, attrs) => {
               $(element).find('.validate-bill-input').each(function() {
                   $(this).attr('ng-Pattern', '/^[a-zA-Z0-9 ]+$/');
               });
           }
    } 
}])