在AngularJS中降价HTML

Question

我正在使用Contentful API来提取一些内容.它作为json对象到达我的Node服务器,它将它传递给我的Angular前端.json对象中的内容包含未处理的markdown文本.

例如,Angular调用可能如下所示:

var id = "asdf76f7g68sd7g";
$http.get("/api/article/" + id).then(function(res){
  $scope.article = res.data;
});

$ scope.article的对象看起来与此类似:

$scope.article = {
  title: "Some title",
  content: "Lorem ipsum [dolor](http://google.com) sit amet, consectetur adipiscing elit. Integer iaculis turpis ut enim eleifend venenatis. Proin nec ante quis nulla porta finibus. Suspendisse at [mauris](http://google.com) nisi."
};

在我的HTML中,我会像这样显示内容:

<p>{{article.title}}</p>
<p>{{article.content}}</p>

这里的问题是markdown没有转换为HTML并在对象中看到它呈现.如何将任何markdown转换为HTML并呈现结果？

Answer 1

最简单的方法是找到一个可以渲染Markdown的Angular指令.

一个简单的谷歌搜索显示https://github.com/btford/angular-markdown-directive.那应该可以解决你的问题.