Question

我的HTML如下所示返回Angular中的内容（我的角度代码在下面）

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

在Angular中，从Java后端开始，我将这个“XML”作为一个字符串。

但我想使用以下插件来美化它

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

我不知道如何在将此插件包含在我的HTML文件中后使用此插件，这就是我向您寻求帮助的地方。

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

好吧，我认为你在安装过程中遗漏了一些东西。

首先，您必须在您的应用上安装该软件包：

Via Bower：

bower install angular-pretty-xml --save

通过npm：

npm install angular-pretty-xml --save

确保在<{1}}标记内将其包含在您的html文件中（除非您使用的是某些自动打包系统，例如webpack或其他为您捆绑的系统），以便您可以将其添加为角度模块声明的依赖，如下所示：

script

这样您就可以在模板上使用过滤器，如下所示：

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

<强>参考文献：

angular-pretty-xml

我如何美化在AngularJS中以字符串形式返回的XML

1 个答案: