Угловые ng-bind-html разворачивающиеся анкерные метки

Я использую ng-bind-html для кода ниже:

<a href="." target="_blank">
 <article>
 <p>
 Some content goes here
 </p>
 </article>
</a>

Я делаю это так, чтобы вся область содержимого была одной большой привязкой. Однако при использовании ng-bind-html я получаю следующий вывод:

<!-- my anchor tag is closed and stripped! -->

<p>
 Some content goes here
</p>

При явном удалении вывода с использованием $ sce.trustAsHtml:

<!-- anchor tag closed -->

<article>
 <!-- random anchor added to the top of every nested element -->
 

 <p>
 Some content goes here
 </p>
</article>
1 ответ

Я обошел эту проблему, создав специальную директиву, которая действует как якорь. Когда это добавляется в окружающий div, это не затрагивает проблему выше.

exports.directive('anchor', [function () {

 return {
 restrict: 'AE',
 link: function (scope, element, attributes) {
 element.addClass('anchor');
 element.on('click', function () {
 window.location.href = attributes.anchor;
 });
 }
 };

 }]);

licensed under cc by-sa 3.0 with attribution.