$ http.get重新獲得源代碼而不是html結果

我是AngularJS的新手。使用$ http服務，我要求從本地主機的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，而不是源代碼中的標題。

來源

2017-04-04 Mohammad Siyab

@MohammedSiyab：你的意思是使從服務器端的HTML文件，或者你只是想將它綁定到HTML？ –

如果從客戶端查找填充文件或者可以插入查看也使用ng-src –

什麼是源代碼而不是HTML頁面，是不是HTML代碼的源代碼？ – maurycy

可以嘗試通過注入$ SCE分配的價值和使用的代碼更改如下，

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

來源

2017-04-04 09:15:31

$ http.get重新獲得源代碼而不是html結果

回答

相關問題