반응형
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']);
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
반응형
'programing' 카테고리의 다른 글
iframe 내부에서 iframe을 닫는 방법은? (0) | 2023.02.24 |
---|---|
새로 고침 후 React-Redux 상태가 손실됨 (0) | 2023.02.24 |
React on Drop이 실행되지 않습니다. (0) | 2023.02.24 |
컨트롤러를 테스트하기 위한 서비스 모킹 (0) | 2023.02.24 |
ng-show/hide 대체 방법 또는 DOM의 관련 섹션만 로드하는 방법 (0) | 2023.02.24 |