何らかの理由で、「キャンセル」ボタンを押すと、テキストエリアは現在のテキストの前に 26 個のスペースを受け取り、その後にキャリッジ リターンを受け取ります。これは、キャンセル ボタンが従来のスタイル (HTML のみ) の場合です。
<button type="reset" name="reset" class="btn btn-default" value="Cancel">Cancel</button>
AngularJS ディレクティブ (ng-click) を追加すると、テキストが削除されますが、スペースとキャリッジ リターンが追加されます。
<button type="reset" name="reset" class="btn btn-default" value="Cancel" ng-click="vm.resetFields()">Cancel</button>
キャンセル ボタンから「値」属性を削除すると、フォームは検証の状態に関係なく送信されますが、キャンセル ボタンはそれ以外の場合は正常に動作します。これは、完全に空白のフォームを送信し、(戻るボタンまたは「再試行」ボタンを使用して) フォームをリロードすると、期待どおりに完全に空で表示されることを意味します (データはデータ サービスを通じて保持されます)。
textarea は AngularJS でスタイル設定されており、これらのキャンセル ボタンの再構成を通じて変更していません。その構成は以下のとおりです。
<textarea ng-model="vm.issue" id="issue" name="issue" placeholder="Enter a description" wrap="hard" rows="5" ng-required="true" ng-minlength="10"
class="form-control skinny" ng-maxlength="500" ng-pattern="/^[a-z 0-9-.,?!']{10,500}$/i">{{vm.issue}}</textarea>
空のフォームも送信しないこの空間的な包含を停止するための提案はありますか?