Wie kann ich XML prettify, die als String in AngularJS

Question

Ich habe meine HTML, wie unten Rückkehr etwas von Angular (mein Winkel Code ist unten)

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

Und in Angular, von Java-Backend zurückgeführt wird, Ich bekomme dieses "XML" als String.

Aber ich mag es prettify die folgende Plugin

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

Ich weiß nicht, wie dieses Plugin zu verwenden, nachdem es in meiner HTML-Datei einschließlich und das ist, wo ich für Ihre Hilfe bitten.

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

}); 

Answer 1

Nun, ich glaube, Sie etwas im Installationsprozess fehlen.

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

Via Bower:

bower install angular-pretty-xml --save 

Via npm:

npm install angular-pretty-xml --save 

Stellen Sie sicher, es auf Ihre HTML-Datei enthalten innerhalb des Tags script (es sei denn, Sie verwenden ein automatisiertes Verpackungssystem wie Webpack oder etwas anderes, das es für Sie bündelt) so, dass Sie es als eine Abhängigkeit von Ihrer Winkelmoduldeklaration wie so hinzufügen:

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

:

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

Auf diese Weise werden Sie die Filter auf Ihren Vorlagen wie so verwenden können

Referenzen:

angular-pretty-xml