Angular.js Showdown不工作

Question

我将Showdown.js添加到我的中，我的指令如下：

angular.module('myApp', []).directive('markdown', function() {
var converter = new Showdown.converter();
return {
    restrict: 'E',
    link: function(scope, element, attrs) {
        var htmlText = converter.makeHtml(element.text());
        element.html(htmlText);
    }
}

})；

它仍然没有处理减价。这里是小提琴，也是我使用的例子。

谢谢

Answer 1

查看控制台日志可以发现，Showdown并没有加载，因为您直接从以文本/纯文本形式发送的GitHub原始页面进行请求，而jsfiddle需要正确的mime类型。修正了在这弹琴中从CDN中获取Showdown (以及样式的引导)。

另外，对于测试来说，不直接引用全局变量(如Showdown )，而是注入$window并通过$window.Showdown访问它，这通常是一个很好的实践

function($window) {
   var converter = new $window.Showdown.converter();
   ...
}