使用所见即所得时，带有 ng-model 的文本区域未提交

Question

我尝试使用 ng-submit 创建一个表单。在表单中有一个名为 wysiwyg（它是 trumbowyg）的文本区域。提交的时候，除了那个textarea之外，所有的表单数据都被提交了。

<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);
   }
}

如您所见，我在 textarea 中通过 editor class 调用了 trumbowyg。提交表单时，不发送textarea，而其他发送。当我从 class 中删除 editor 时，它运行良好。为什么使用trumbowyg时没有提交？

Answer 1

trumbowyg 正在更新您的 html 超出 angularJs 的范围，因此请在

中使用一些插件

github.com/lizardK/trumbowyg-ng

以便 angularJs 知道对您的 Html 进行了哪些更改。

使用所见即所得时，带有 ng-model 的文本区域未提交

Textarea with ng-model is not submitting when using wysiwyg

angularjs

ng-submit

angularjs-ng-model

trumbowyg