html - 入力タグを使用するときに先頭と末尾の空白を保持するにはどうすればよいですか?

Question

私はAngularで遊んでいて、正規表現テスターを書いています。問題は、データを入力するときに先頭の空白が削除されることです。ここでjsfiddleの例を参照してください：

したがって、ページが読み込まれると、正規表現 "^\d+$".test(" 123 ") が返され、"一致なし" になりますが、[候補] ボックスに先頭または末尾に余分なスペースを入力すると、次のようになります。

1. 先頭と末尾のスペースが変数から削除されます
2. 結果が変わる「一致」

ここに私の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', []);