javascript - AngularJS : ディレクティブで element.html() を監視する

Question

ng-viewに同じ受信者を使用できるようにするmardown ディレクティブ(制限 A) を作成しようとしています。したがって、基本的にビューに .md ファイルのみをロードし、ng-view が変更されるたびにそのコンテンツに関数を適用します。そう ：

index.html

<div markdown ng-view></div>

たとえば、view1.mdを含む 2 つのビュー

#That should be h1

およびview2.md

##That should be h2, no ?

私の実際のコードは

'use strict';
angular.module('btford.markdown', []).
  directive('markdown', function () {
    var converter = new Showdown.converter();

    return {
        restrict: 'A',
        link: function (scope, element, attrs) {

            scope.$watch(element.html(), function(value) {
                    var htmlText = converter.makeHtml(element.html());
                    element.html(htmlText);
            });

            var htmlText = converter.makeHtml(element.text());
            element.html(htmlText);
        }
    }
});