how to allow only alphabets and space in textbox ?

You have  below things in your project:

1.var mainApp = angular.module("mainApp", ['ngRoute', 'ngResource']);
mainApp.directive('allowPattern', [allowPatternDirective]);

function allowPatternDirective() {
    return {
        restrict: "A",
        compile: function (tElement, tAttrs) {
            return function (scope, element, attrs) {
                // I handle key events
                element.bind("keypress", function (event) {
                    var keyCode = event.which || event.keyCode; // I safely get the keyCode pressed from the event.
                    var keyCodeChar = String.fromCharCode(keyCode); // I determine the char from the keyCode.

                    // If the keyCode char does not match the allowed Regex Pattern, then don't allow the input into the field.
                    if (!keyCodeChar.match(new RegExp(attrs.allowPattern, "i"))) {
                        event.preventDefault();
                        return false;
                    }

                });
            };
        }
    };
}


2.                allow-pattern="^[a-zA-Z ]*$" />


If u think it resolve your issue please marked as answer.

Hi,
Please try like below-

input type="text" pattern="/^[a-zA-Z\s]*$/" ng-pattern-restrict/>

Please have a look at below link too -
https://justforchangesake.wordpress.com/2015/01/13/accept-only-alphabets-for-form-input-field/