Obtenir l'espace blanc du type de saisie du mot de passe à la portée?

J'ai un champ de saisie de mot de passe. Je souhaite pouvoir avertir l'utilisateur qu'ils ne peuvent pas avoir d'espace blanc dans le mot de passe. Le problème que je trouve est que je ne peux pas passer l'espace blanc de fuite à la portée afin de le détecter et avertir l'utilisateur qu'ils ne peuvent pas le faire.

Voir mon exemple plunkr: LINK

Si vous entrez dans le champ de saisie, la portée renverra le nombre de mots-clés du mot de passe et, si vous ajoutez de l'espace blanc à la fin du mot de passe, la portée ne signale pas la longueur de chaîne correcte, car elle réduit évidemment tout espace blanc qui signifie que je N'ont aucun moyen d'identifier si l'utilisateur saisit ou non des espaces. Ainsi, à mesure que l'utilisateur ajoute des espaces arrière, le champ du mot de passe d'entrée montrera qu'un caractère supplémentaire a été ajouté lorsque la portée ne signale que la longueur des caractères sans espace final.

Voici la solution fixe plunkr est la mise à niveau vers 1.1.1 d'angulaire pour profiter de la directive ng-trim qui vous permet d'éteindre la coupe: http://plnkr.co/edit/FLCQY2zuRV1ZMy6WCbs8?p=preview

Passez à Angular 1.1.1 ou supérieur (testé, pourrait fonctionner dans certaines versions inférieures), ajoutez cette directive à votre élément où vous avez le modèle ng que vous ne voulez pas découpé.

ng-trim="false"

Voici les détails complets:

 <!DOCTYPE html> <html ng-app="plunker"> <head> <meta charset="utf-8" /> <title>AngularJS Plunker</title> <script>document.write('<base href="' + document.location + '" />');</script> <link rel="stylesheet" href="style.css" /> <script data-require="[email protected]" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.1/angular.min.js" data-semver="1.1.1"></script> <script src="angular_ui.js"></script> <script src="app.js"></script> </head> <body ng-controller="MainCtrl"> <form> Pass length is {{pass.length}}<br> <input type="password" data-ng-model="pass" data-ng-trim="false"> </form> </body> </html>

Et le JS

 var app = angular.module('plunker', ['ui.event']); app.controller('MainCtrl', function($scope) { $scope.name = 'World'; });