Текстовое поле с ng-моделью не отправляется при использовании wysiwyg

Question

Я пытался сделать форму, используя 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);
   }
}

Как видите, я называю trumbowyg editor класс в textarea, Когда форма отправлена, текстовое поле не отправляется, в то время как остальные. Когда я удаляю editor из класса, это работает хорошо. Почему он не представлен при использовании trumbowyg?

Answer 1

trumbowyg обновляет ваш html вне области angularJs, так что используйте какой-нибудь плагин как

https://github.com/lizardK/trumbowyg-ng

так что angularJs знает, какие изменения были внесены в ваш HTML.