1

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 を使用しているときに送信されないのはなぜですか?

4

1 に答える 1