我希望能够设置角ng-pattern内的指令与模板和它自己的范围来验证一个表单

Question

<div ng-app="demo" ng-init="" ng-controller="Demo">
    <form name="myForm" ng-submit="onSubmit()">
    <input lowercase type="text" ng-model="data" name="number">
    Valid? {{myForm.number.$valid}}
    <input type="submit" value="submit"/>
    </form>
</div>

var module = angular.module("demo", []);

module.directive('lowercase', function() {
    return {
        require: 'ngModel',
        restrict: 'A',
        scope:{},
        replace: true,
        link: function(scope, element, attr, ngModelCntrl) {
        },
        template: '<input class="something" ng-pattern="/^\d*$/">',
    };
});

module.controller('Demo', Demo);

function Demo($scope) {
    $scope.data = 'Some Value';
}

Answer 1

我尝试了很多方法，似乎使用一个指令将输入替换为一个输入在某个地方变得很有角度--所以我想到了以下内容:http://jsfiddle.net/mcq8v/1/

HTML

<div ng-app="demo" ng-init="" ng-controller="Demo">
  <form name="myForm" ng-submit="onSubmit()">
    <div lowercase model="data"></div>
    Valid? {{myForm.number.$valid}}
    <input type="submit" value="submit"/>
  </form>
</div>

JS

var module = angular.module("demo", []);
module.directive('lowercase', function() {
return {
    restrict: 'A',
    scope:{
        data:'=model'
    },
    replace: true,
    template: '<input class="something" ng-pattern="/^\\d*$/" name="number" ng-model="data" type="text">',
    };
});

module.controller('Demo', Demo);

function Demo($scope) {
  $scope.data = 'Some Value';
}