Question

我尝试使用ng-submit创建表单。在形式上有一个textarea叫做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);
   }
}

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

Answer 1

trumbowyg 正在更新你的html范围的angularJs的范围，所以使用像

一样的插件

github.com/lizardK/trumbowyg-ng

这样angularJs就知道对你的Html做了哪些改动。

使用wysiwyg时，没有提交带有ng-model的Textarea

1 个答案: