Display-string mit HTML-Tags in Eckigen

Überprüfte ich für Antworten in SO aber nicht finden konnten befriedigende Antwort. So, hier Frage ich :

Ich habe einen string wie folgt

var string = "With this you have agreed with the <a href='#'>rules and condition</a>"

Die ich brauche, um render sowohl als string (für den Textteil) und HTML (für HTML-Teil).

Wie kann ich erreichen, das in AngularJs? Ich habe versucht, mit $compile aber es hat nicht funktioniert für mich, es Ausgang Brocken scheinbar minified code auf der Seite.

  • Angesichts funktionsfähiges Muster unten, bitte
InformationsquelleAutor Fred A | 2016-11-10
  1. 5

    Können Sie dies mit ng-bind-html,

    angular.module('myapp', ['ngSanitize'])
.controller('foo', function($scope) {
    $scope.bar = "With this you have agreed with the <a href='#'>rules and condition</a>";
});

<div ng-controller="foo">    
    <div ng-bind-html="bar"></div>    
</div>

    DEMO

    InformationsquelleAutor Sajeetharan
  2. 3

    Können Sie ng-bind-html - Richtlinie wie unten beschrieben. Um diese zu verwenden, müssen Sie fügen Sie ngSanitize Modul und zugehörige js-Datei.

    JS:

    var app = angular.module('app', ['ngSanitize']);

app.controller('TestController', function($scope) {
  $scope.string = 'With this you have agreed with the <a href="#">rules and condition</a>';
});

angular.bootstrap(document, ['app']);

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.5.8/angular-sanitize.min.js"></script>
<div ng-controller="TestController">
  <span ng-bind-html="string"></span>
</div>

    • Warum tun Sie kopieren und fügen Sie den code?
    • Hallo, Welchen code ich kopieren?
    InformationsquelleAutor Aruna
  3. 2
    <html>
    <div
      ng-bind-html="myHTML">
    ...
    </div>
<html>

    Ng-Code : 

    angular.module('bindHtmlExample', ['ngSanitize'])
    .controller('ExampleController', ['$scope', function($scope) {
      $scope.myHTML =
         'I am an <code>HTML</code>string with ' +
         '<a href="#">links!</a> and other <em>stuff</em>';
    }]);

    Download sanitize.js von hier

    InformationsquelleAutor TheTom
  4. 1

    AngularJS

    $scope.string = "With this you have agreed with the <a href='#'>rules and condition</a>"

    HTML -

    <div ng-bind-html="string"> </div>
    InformationsquelleAutor Benyi
Schreibe einen Kommentar