在 MarkedJS 中呈现

Question

我有这个问题，它出于某种奇怪的原因无法正确呈现我的代码，我将向您展示我的代码。所以这是我来自控制器的代码（AngularJS）：

$scope.$watch('creatorValue', function(current, original) {
          var htmlVal = document.getElementById('creatorValue').innerHTML;
          console.log(original);
           htmlVal = marked(original);
});

这是一个最小的 HTML:

<div class="topic-sentence">
        <p class="topic-text" id="creatorValue">{{creatorValue}}</p>
</div>

如你所见，我记录了原始值并得到了正确的结果：

嗯，是的，它记录了正确的事情……那么它必须显示正确的显示吗？

没有，如你所见，所有代码都在一行中，什么都没有"marked"。如果你们想查看更多代码，请在下面的评论中告诉我。非常感谢您的帮助。

Answer 1

这里，你还没有把标记的内容放回DOM。这应该可以，请尝试。

$scope.$watch('creatorValue', function(current, original) {          
    document.getElementById('creatorValue').innerHTML = marked(original);
});

在 MarkedJS 中呈现

Rendering in MarkedJS

html

javascript

angularjs

javascript-marked