Question

我是AngularJS的新手。使用 $ http 服务，我从 localhost 请求HTML页面。但我得到的是该页面的源代码，而不是结果。

http_service.html

<!DOCTYPE html>
<html>
<head>
    <title>AngularJs | HTTP Service</title>
    <script src="js/angular.min.js"></script>
    <script>
        // Initialize the Angular Application
        var app = angular.module('myApp', []);

        // Initialize an Angular Controller
        app.controller('controller', function($scope, $http){
            // Ruquest a page from the remote server
            $http.get('files/myFile.html')
                // After initializing the $http object, run a succes function
                .then(function(response){
                    $scope.reqData = response.config;
                });
        });
    </script>
</head>
<body ng-app="myApp" ng-controller="controller">
    <h4>{{reqData}}</h4>
</body>
</html>

文件/ myFile.html

<!DOCTYPE html>
<html>
<head>
    <title>My file</title>
</head>
<body>
    <h1>Hello from AngularJS by Google</h1>
</body>
</html>

如何在 myFile.html 中显示标题，而不是源代码。

Answer 1

您可以尝试通过注入$ sce来分配值，并使用下面的代码更改

$http.get('files/myFile.html').then(function(response){
     $scope.reqData = $sce.trustAsHtml(response.config);
});

$ http.get重新编译源代码而不是html结果

1 个答案: