javascript - 在 MarkedJS 中渲染

标签 javascript html angularjs javascript-marked

我遇到了这个问题,由于某些奇怪的原因,它无法正确呈现我的代码,我将向您展示我的代码。所以这是我来自 Controller (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> 

正如您所看到的,我记录了原始值,并得出了正确的结果: enter image description here

嗯,是的,它记录了正确的事情......那么它必须显示正确的显示,对吧? enter image description here

不,正如您在上面看到的,所有代码都在一行中,并且没有任何“标记”。如果你们想查看更多代码,请在下面的评论中告诉我。非常感谢您的帮助。

最佳答案

这里,你还没有把标记的内容放回到DOM中。这应该可行,请尝试。

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

关于javascript - 在 MarkedJS 中渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37759373/

相关文章:

javascript - 在azure函数NodeJs Http触发器中获取请求 header

asp.net-mvc - 如何在 ASP.NET MVC 中的 HTML-5 data-* 属性中使用破折号

html - raphael 将对象从一个容器拖放到另一个容器

html - 网页上的垂直文本

javascript - 删除范围内值更改时的计时器

javascript - 在 Chosen from JS 中设置多个选项

javascript - 令人困惑的 webpack 语法。尝试修复 2017 年旧教程中的 webpack.config 文件

javascript - 如何将单击时的图像源更改为一个源,并在同一单击时返回到不同的源

angularjs - 将 AngularJs 1.5 升级到 1.6 - $compile reg Controller 实例的更改会影响哪些确切的绑定(bind)?

angularjs - angularjs 中的模板递归限制(摘要循环)