ng-submit を使ってフォームを作ってみました。フォームには、wysiwyg (trumbowyg) を呼び出すテキストエリアがあります。送信すると、そのテキストエリア以外のすべてのフォームデータが送信されます。
<div ng-controller='contactCtrl'>
<form id="inquiryForm" ng-submit="contact()">
<div class="form-group">
<label>Name</label>
<input type="text" ng-model="formData.name" name="name" class="form-control" required="" />
</div>
<div class="form-group">
<label>Email</label>
<input type="text" ng-model="formData.email" name="email" class="form-control" required="" />
</div>
<div class="form-group">
<label>Message</label>
<textarea ng-model="formData.message" name="message" class="form-control editor" required=""></textarea>
</div>
<button type="submit" class="btn btn-success">Submit</button>
</form>
app.js 内
.controller('contactCtrl', function ($scope, $http) {
$scope.formData = {};
$scope.contact = function (){
console.log($scope.formData);
}
}
editor
ご覧のとおり、クラスごとに trumbowyg を呼び出しますtextarea
。フォームが送信されると、他のテキストエリアは送信されますが、テキストエリアは送信されません。クラスから削除するeditor
と、うまく機能しています。trumbowyg を使用しているときに送信されないのはなぜですか?