programing

AngularJS에서 입력 트림을 비활성화하는 방법은 무엇입니까?

telecom 2023. 2. 24. 13:14
반응형

AngularJS에서 입력 트림을 비활성화하는 방법은 무엇입니까?

몇 가지 이상한 행동을 발견했는데, 기본적으로 모델 값이 앵글 트리밍됩니다.그리고 빠른 검색은 이 문제를 해결하는 데 도움이 되지 않습니다.찾았다ng-no-trim지시적 제안,ng-trim기타 등등.하지만 아무 것도 안 된다.

아래에 이 문제를 나타내는 작은 조각을 제공했습니다.

function Ctrl($scope) {
  $scope.text='';

  $scope.$watch('text', function (newValue) {
    console.log(newValue);
  });
}

여기서도 이 단편들을 시도해 보세요.

모델과 동기화된 텍스트 영역을 추가했습니다.text그러나 새로운 후행 공간을 추가하거나 새 후행 공간에 줄을 끊을 때 보기 위해 반응하지 않습니다.

이 동작을 끄려면 어떻게 해야 하나요?감사해요.

문제의 디렉티브는 1.1.1의 새로운 것으로, JS Bin 스니펫을 사용해 동작하고 있는 것을 확인할 수 있습니다.

<textarea cols="30" rows="10" ng-model="text" ng-trim="false"></textarea>

각도 1.0.x의 폴백

var app = angular.module('app', []);

app.directive('ngTrim', function() {
    return {
        require: 'ngModel',
        priority: 300,
        link: function(scope, iElem, iAttrs, ngModel) {
            if (iAttrs.ngTrim === 'false') {
                // Be careful here. We override any value comming from the previous
                // parsers to return the real value in iElem
                ngModel.$parsers.unshift(function() {
                    return iElem.val();
                });
            }
        }
    }
});

angular.bootstrap(document, ['app']);

http://jsfiddle.net/vXCnj/3/

ng-trim=true/false를 사용하여 트림 옵션을 활성화/비활성화할 수 있습니다.참조: https://docs.angularjs.org/api/ng/input/input%5Btext%5D

언급URL : https://stackoverflow.com/questions/14958418/how-to-disable-trimming-of-inputs-in-angularjs

반응형