Angular.js - 控制器功能从输入滤波器无效字符不删除字符，直到输入一个有效的字符

Question

我创建这个问题的的jsfiddle我遇到这里：http://jsfiddle.net/9qxFK/4/

我有一个输入框，我只想允许使用小写字母，数字和连字符（该字段将在URL中使用）。

我有以下angular.js控制器的方法，为了做到这一点：当一个有效的字符是无效字符后键入只被删除

$scope.auto_slug = function() { 
    $scope.slug = $scope.slug.toLowerCase().replace(/[^a-z0-9\-\s]/g, '').replace(/\s+/g, '-'); 
}; 

无效字符。

有人可以告诉我为什么这不起作用吗？

谢谢，斯科特

Answer 1

在做这在控制器的你应该使用这样的指令：

app.directive('restrict', function($parse) { 
    return { 
     restrict: 'A', 
     require: 'ngModel', 
     link: function(scope, iElement, iAttrs, controller) { 
      scope.$watch(iAttrs.ngModel, function(value) { 
       if (!value) { 
        return; 
       } 
       $parse(iAttrs.ngModel).assign(scope, value.toLowerCase().replace(new RegExp(iAttrs.restrict, 'g'), '').replace(/\s+/g, '-')); 
      }); 
     } 
    } 
});​ 

，然后用它在你的input这样的：

<input restrict="[^a-z0-9\-\s]" data-ng-model="slug" ...> 

jsFiddle：http://jsfiddle.net/9qxFK/5/