angular input 공백 제거


프로젝트 1: ng - blur 이벤트, 빈 칸 으로 가기
<input type="tel" id="mobileInpt" class="f14" name="mobile" value="" placeholder="        " ng-model="vm.mobile" ng-blur="vm.mobileRE($event)" required>
vm.mobileRE = function($event) {
  var that = $event.currentTarget;
  $(that).val(function(n, c) {
     return c.replace(/(^\s*)|(\s*$)/g, "");
  });
}

 
프로젝트 2: 명령, keyup 이벤트
<input type="tel" id="mobileInpt" class="f14" name="mobile" value="" placeholder="        " ng-model="vm.mobile" space-filter="mobileRE" required>
angular.module('app').directive('spaceFilter', [function() {
  return {
    require: "ngModel",
    link: function(scope, element, attrs, ngModel) {
      var attr = attrs.spaceFilter;
      if (attr) {
         var dataType = {
          "mobileRE": /\s*/g
          }
        var regex = dataType[attr];
      }
      element.bind('keyup', function(value) {
        this.value = this.value.replace(regex, '');
     });
   }
 }
}])

 
 
참고 주소:
https://www.zhihu.com/question/39843323
http://www.cnblogs.com/whitewolf/p/angular-input-box-format.html
다음으로 전송:https://www.cnblogs.com/xmyun/p/6374112.html

좋은 웹페이지 즐겨찾기