Angular.js - функция контроллера для фильтрации недопустимых символов из входных данных не удаляет символы, пока не введен правильный символ

Я создал 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, '-');
};

Недопустимые символы удаляются только в том случае, если после недопустимого символа введен действительный символ.

Кто-нибудь может сказать мне, почему это нет работаешь?

Спасибо Скотт

Ответы на вопрос(1)

Ваш ответ на вопрос