Bir giriş etiketi kullanırken ön ve arka boşluğu nasıl korur?

Question

Angular ile oynuyor ve Regex test cihazı yazıyor. Veri girdiğimde sorun, boşlukların kesilmesiyle sonuçlanıyor. Bkz. Örnek jsfiddle here:

Sayfa yüklenirken, "Eşleşmiyor" ile sonuçlanan RegEx "^ \ d + $" testine ("123") sahibim. Ancak, bu durumda, fazladan bir veya daha fazla boşluk girerseniz Aday kutusu:

<div id='ng:app' class='ng-app: myApp' ng-app='myApp'> 
    <div ng-controller="Controller">{{addTodo2()}} 
     <form novalidate class="simple-form">Pattern: 
      <input type="text" ng-model="pattern" />Candidate: 
      <input type="text" ng-model="candidate" /> 
      <br />.{{candidate}}. 
      <br>.{{candidate2}}.</form> 
    </div> 
</div> 

:

1. baştaki ve sondaki boşluklar benim değişken
2. sonucu çıkarılır "Match" değiştirir İşte

benim HTML'dir

Ve burada ilişkili JavaScript'tir:

function Controller($scope) { 
    $scope.pattern = "^\\d+$"; 
    $scope.candidate = " 123 "; 
    $scope.candidate2 = " 123 "; 
    $scope.addTodo2 = function() { 
     var str = "Javascript is an interesting scripting language"; 
     var re = new RegExp($scope.pattern, "g"); 

     var result = re.test($scope.candidate); 
     if (result) { 
      return "Match22"; 
     } else { 
      return "No Match22"; 
     }; 
    }; 

    } 
var myapp = angular.module('myApp', []); 

Answer 1

keman Güncelleme, ng-Döşeme = "false" giriş etiketleri

http://jsfiddle.net/T2zuV/12/

<div id='ng:app' class='ng-app: myApp' ng-app='myApp'> 
    <div ng-controller="Controller">{{addTodo2()}} 
     <form novalidate class="simple-form">Pattern: 
      <input type="text" ng-model="pattern" ng-trim="false"/>Candidate: 
      <input type="text" ng-model="candidate" ng-trim="false"/> 
      <br />.{{candidate}}. 
      <br>.{{candidate2}}.</form> 
    </div> 
</div>