ckeditor和angularjs之间的绑定数据[重复]

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ckeditor和angularjs之间的绑定数据[重复]相关的知识,希望对你有一定的参考价值。

这个问题在这里已有答案:

大家好我想把ckeditor中的文本传递给我的代码angularjs但总是未定义这是html

 <textarea name="editor1" ng-model="editor1"  id="editor1" rows="10" cols="80">

<button type="submit" class="button expand success" ng-click="insertArticle()">Save</button>

这是angularjs

  $scope.insertArticle = function(){
            $scope.dataInsert = {
              'editor1':$scope.editor1
            };
$http.post('script_php/insert/insert_article.php',$scope.dataInsert)
                 .success(function(data,status,header,config){
                   if (status==200) {
                     console.log('GOOD');
                     console.log($scope.dataInsert);
                   } else {
                     console.log('not good');
                   }
                 })
               }

这里的问题如何绑定我的textarea(CKEDITOR)的数据我希望你理解我,谢谢你。

答案

正如您在此代码段中看到的,绑定实际上正在工作:

 function MyController($scope, $http) {
 $scope.insertArticle = function(){
  alert($scope.editor1);
 };
}
<div ng-app ng-controller="MyController">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<textarea name="editor1" ng-model="editor1"  id="editor1" rows="10" cols="80"></textarea>

<button type="submit" class="button expand success" ng-click="insertArticle()">Save</button>
</div>

以上是关于ckeditor和angularjs之间的绑定数据[重复]的主要内容,如果未能解决你的问题,请参考以下文章

angularjs中的CKEditor自定义插件

angularjs中ckeditor的destroy问题

Angularjs[1]

ckeditor+angularjs directive

angularjs1.x版本,父子组件之间的双向绑定

AngularJs 中的两种方式数据绑定不使用异步回调