如何在通过Showdown转换的markdown中使用angular指令？

Question

我有一个markdown指令，它加载一个markdown文件并将其显示为HTML：

// detail.html

<div markdown link="{{post.file"}}"></div>

即使我在markdown文件中有HTML标记，这也可以很好地工作。但是我正在尝试在一个标记页面上使用AngularUI引导指令，特别是Tabs。

这些选项卡具有特定于每个markdown文件的内容，因此我不能将指令放在markdown文件之外。

Answer 1

我想通了。您必须使用$compile服务。下面是完整的代码示例：

angular.module('MyApp')
  .directive('markdown', function($http, $compile) {
    var converter = new Showdown.converter();
    return {
      link: function(scope, element, attrs) {
        attrs.$observe('file', function(file) {
          if (file) {
            $http.get('posts/' + file).success(function(response) {
              var htmlText = converter.makeHtml(response);
              element.html(htmlText);

              $compile(element.contents())(scope);

            });
          }
        });
      }
    }
  });