角NG綁定，HTML展開

Question

我使用NG綁定HTML的上下面的代碼錨標籤：

<a href="/test"> 
    <article> 
     <p> 
      Some content goes here 
     </p> 
    </article> 
</a> 

我這樣做使整個內容區域是一個大的錨。 然而，使用NG綁定，HTML，當我得到以下輸出：

<!-- my anchor tag is closed and stripped! --> 
<a></a> 
<p> 
    Some content goes here 
</p> 

明確時使用轉義$ sce.trustAsHtml輸出：我解決此問題得到了通過使自定義

<!-- anchor tag closed --> 
<a href="/test"></a> 
<article> 
    <!-- random anchor added to the top of every nested element --> 
    <a href="/test"></a> 

    <p> 
     Some content goes here 
    </p> 
</article> 

Answer 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; 
       }); 
      } 
     }; 

    }]);