AngularJS erstellen von html - /link - /anchor-text aus (escape/unescape html-Ansicht)
Ich habe einen controller, der hat einen zugeordneten Wert:
$scope.post = 'please visit http://stackoverflow.com quickly';
Habe ich einige text in meinem html:
<p>{{post}}</p>
Ich möchte einen anklickbaren link, der die url (die Sie umgeben, mit anchor-tags).
Ich versuchte mein html:
<p ng-bind-html="post | createAnchors"></p>
Hier ist ein Vereinfachtes Beispiel des Problems:
Die Frage ist, wie kann ich entkommen das gesamte post-text, außer für den link, das werden umgeben von Anker-tags?
?
- Warum gibt es keine akzeptierte Antwort auf diese Frage. Mindestens eines dieser Kato genehmigt. Machen Sie es so.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich denke, Sie können Eckig ist linky filter für diese: https://docs.angularjs.org/api/ngSanitize/filter/linky
Können Sie es verwenden, etwa so:
Müssen Sie include Winkel-das desinfizieren-Modul für linky zu arbeiten:
<div ng-bind-html="post.Text | linky:'_blank'"></div>
Diese können Sie verwenden, ersetzen Sie die Zeichenfolge:
dann müssen Sie mit der
$sce
service, undngBindHtml
Richtlinie.Also in deinem filter, den Sie benötigen, um wrap-verbindungen mit
a
tags dann wieder eine Vertrauenswürdige html$sce.trustAsHtml
:Arbeiten Beispiele: http://jsfiddle.net/T3fFt/11/
trustAsHtml
?replace(/</g, '<')
), aber benutzen möchten, die Funktion von Winkel