Come disabilitare il taglio degli input in AngularJS?

Question

Ho trovato un comportamento strano: i valori del modello dei trim angolari di default. E il googling veloce non mi aiuta a risolvere questo problema. Ho trovato proposte di direttiva ng-no-trim, ng-trim e così via. Ma niente funziona.

Ho fornito un piccolo frammento che rappresenta questo problema di seguito.

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

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

Inoltre, è possibile provare questo frammento here.

Ho aggiunto un'area di testo sincronizzata con il modello text. Ma non reagisce per guardare quando si aggiungono nuovi spazi finali o si rompe la linea con uno nuovo.

Cosa posso fare per disattivare questo comportamento? Grazie.

Answer 1

La direttiva in questione è nuova in 1.1.1; puoi vederlo funzionare usando JS Bin snippet.

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

Answer 2

Fallback per 1.0.x angolare

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/

Answer 3

È possibile attivare/disattivare l'opzione di assetto utilizzando ng-trim = true/false. Rif. https://docs.angularjs.org/api/ng/input/input%5Btext%5D