入力タグを使用するとき、先頭と末尾の空白をどのように保持するのですか？

Question

私はAngularで遊んでいて、Regexテスターを書いています。 データを入力すると空白が切り詰められる問題があります。例jsfiddle hereを参照してください：

したがって、ページが読み込まれると、「No Match」となるRegEx "^ \ d + $" test（ "123"）が表示されますが、余分な先頭または末尾のスペースを候補ボックス：

1. 先頭と末尾のスペースは、ここで結果が変わる "マッチ"

私の変数から削除されますが、私のHTMLです：

<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> 

そして、ここでは、関連するJavaScriptです：

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

がフィドルを更新し、NG-トリム= "false" を入力タグ

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>