将api中的文本添加到编辑器

时间:2018-04-26 19:47:42

标签: javascript jquery angularjs

我在我的应用中使用LineControl Editor。一切正常,除非我尝试在编辑器中添加文本。

这是指向LineControl的github的链接:https://github.com/suyati/line-control/wiki

如果我按照说明操作,添加文本看起来很容易,除非文本来自api。到目前为止,这是我的代码:

function detailOfProduct(){
    $http.get('/theApi')
    .then(function(data){
        $scope.detailList = data.data.Response;
    });
}

响应是这样的:

{Id: 1, Name: "Chuck", Description: "Hi, this is a description of me"}

要激活文本编辑器,我正在使用这部分代码:

$(document).ready( function() {
        $("#txtDescription").Editor();
    });

设置文字:

  $("#txtDescription").Editor("setText", "Here goes your text");

如果我需要在“Here goes your text”部分添加api响应说明文本,该怎么办?

我正在使用AngularJs,Javascript和一些JQuery。

希望你能帮助我。

1 个答案:

答案 0 :(得分:1)

你应该能够做到这一点:

function detailOfProduct(){
    $http.get('/theApi')
    .then(function(data){
        $scope.detailList = data.data.Response;
        $("#txtDescription").Editor("setText", data.data.Response.Description);
    });
}

不要尝试将任何AngularJS双向数据绑定与此库(或使用jQuery)结合使用,否则可能导致一些难以修复的错误。