AngularJS ng-pattern失效问题?

Question

sdApp.directive("sdVerNumber", function(){
    return{
        restrict: "A",
        replace: true,
        template: "<input type=\"text\" ng-pattern=\"/^([1-9]+[0-9]*|[0])([.]+[0-9]{0,2}|[.])?$/\" />"
    };
});
<input type="text" sd-ver-number class="sd-input-text sd-input-small" style="width:80px;" ng-model="addListData.m1" />

当输入内容错误的时候，对应状态的类ng-invalid-pattern没有相应改变。而直接把整个ng-pattern写在HTML上是可以正常工作的。请问这是为什么呢？

Answer 1

改这样试试呢：

sdApp.directive("sdVerNumber", function(){
    return{
        restrict: "A",
        replace: true,
        template: "<input type=\"text\" ng-pattern=\"^([1-9]+[0-9]*|[0])([.]+[0-9]{0,2}|[.])?$\" />"
    };
});
<input type="text" sd-ver-number class="sd-input-text sd-input-small" style="width:80px;" ng-model="addListData.m1" />

Answer 2

有些东西不必都用angular的，直接用原生js的pattern可能比angular的更有效。