javascript - 在 ionic 应用程序中显示解析的 HTML 内容

Question

我从 JSON 文件中检索信息。标题和内容都是字符串类型

.controller('ExampleController', function($scope, $http){
  $http.get('example.json').then(function(resp){
    $scope.title = resp.data.title;
    parser=new DOMParser();
    htmlDoc=parser.parseFromString(resp.data.content, "text/html");
    $scope.content = htmlDoc.body.innerHTML;
    console.log(htmlDoc.body.innerHTML)
  }, function(err){
    console.error('ERR', err);
  })
});

但内容不是一个简单的字符串，它是许多 html 标签(我从 html 页面检索的信息)。问题是我无法在我的index.html 中解析它。当我编写内容时， View 显示纯文本或

{"location": null}

内容字符串的长度相当大，因为正如我上面提到的，它由大量的html标签组成

也许我应该将其解析为 markdown

Answer 1

我找到了解决问题的方法。使用angular-marked和 angular-markdown-directive ，我这样修改了我的代码

  .controller('ExampleController', function($scope, $http, marked){
      $http.get('example.json').then(function(resp){
        $scope.title = resp.data.title;
        var markedStr = toMarkdown(resp.data.content);
        $scope.content = markedStr;
      }, function(err){
        console.error('ERR', err);
      })
    });

然后在index.html中我显示内容

 <div marked="content">
 </div>