Wie kann ich prettify XML, die als String zurückgegeben, in AngularJS

Habe ich meine HTML als unten etwas zurückgeben von Eckig (mein Winkel-code ist unten)

<section>
    <p>{{xml}}</p>
</section>

Und in Eckig, aus Java-back-end, ich bin immer diese „XML“ als string.

Aber ich will prettify es mit dem folgenden plugin

https://github.com/krtnio/angular-pretty-xml

Ich weiß nicht, wie dieses plugin benutzen nach wie es in meiner HTML-Datei und hier bitte ich um Eure Hilfe.

app.controller('xmlController', function($scope, $http){

    $http.get("/api/xml").then(function (response) {
        $scope.xml = response.data; //I need to PRETTIFY IT HERE ON $scope.xml
     });

});
InformationsquelleAutor Plainsage | 2017-07-11



One Reply
  1. 2

    Gut, ich denke, Sie sind fehlt etwas in der installation-Prozess.

    Zuerst müssen Sie installieren Sie das Paket auf Ihre app:

    Via Bower:

    bower install angular-pretty-xml --save

    Via npm:

    npm install angular-pretty-xml --save

    Stellen Sie sicher, dass auch auf Ihrer html-Datei innerhalb der script tag (es sei denn, Sie sind mit einigen automated packaging Systems wie webpack oder etwas anderes, dass bundles, die es für Sie), so dass Sie fügen Sie es als eine Abhängigkeit von Ihrem Winkel-Modul-Deklaration etwa so:

    angular
        .module('myApp', ['prettyXml'])
        .controller('xmlController', function($scope, $http){
    
            $http.get("/api/xml").then(function (response) {
                $scope.xml = response.data; //I need to PRETTIFY IT HERE ON $scope.xml
            });
        });

    Diese Weise werden Sie in der Lage sein, um die Verwendung der filter, die auf Ihren Vorlagen, zum Beispiel so:

    <p>{{ xml | prettyXml}}</p>

    Referenzen:

    Winkel-ziemlich-xml

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.