使用所見即所得時未提交帶有 ng-model 的 Textarea

Question

我嘗試使用 ng-submit 制作表格。 在表單中有一個 textarea 調用所見即所得（它是 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類調用 trumbowyg 。 提交表單時，textarea 不發送，而其他則發送。 當我從班級中刪除editor ，它運行良好。 為什么用trumowyg的時候不提交？

Answer 1

trumbowyg正在更新你的 html 超出 angularJs 的范圍，所以使用一些插件

github.com/lizardK/trumowyg-ng

以便 angularJs 知道對您的 Html 進行了哪些更改。