Angular正在从HTML标签中剥离属性

Question

Edit 2 : The issue was in fact with the sanitizer stripping my tags. The solution was passing it through a simple function :

self.markTrusted = function (markup) {
    return $sce.trustAsHtml(markup);
};

This allows marks it as trusted to Angular and will leave in my attributes. This did not, however, fix my linking problem, but that is outside the scope of this question.

Edit: Think I may have found the problem. The second anchor is actually <a name="someSection"></a> . I think the sanitizer may be catching it and removing it. Is there any way to tell the sanitizer to let it through?

I am using Angular version 1.5

I am trying to implement anchor links in my site. I found several answers on here that indicated that the following code should work with Angular to link within my page:

<a href="#someSection" target="_self">Text</a>

<a id="someSection"></a>

I have that code being passed (embedded in the my other HTML and content) to the front end by my API as a string, and I am displaying it on page like this:

<div ng-bind-html="content.markup"></div>

The problem is though that for some reason my anchor tag is being stripped so now I have

<a href="#someSection" target="_self">Text</a>

<a></a>

which obviously doesn't work. Can anyone give me any ideas as to why that second anchor tag would be getting stripped of its attributes?

Answer 1

尝试将href添加到锚标记中：id =“ someSection” href =“＃” / a，或者如果您不希望它可单击，请改用span或p标记。