<!DOCTYPE html>
<html>
<head>
<script data-require="angular.js@1.5.8" data-semver="1.5.8" src="https://code.angularjs.org/1.5.8/angular.js"></script>
<script data-require="sanitize@1.4.8" data-semver="1.4.8" src="https://code.angularjs.org/1.4.8/angular-sanitize.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<div ng-app="htmlApp" ng-controller="htmlCtrl">
<div ng-bind-html="texto"></div>
<div ng-bind-html="paginaEstatica"></div>
</div>
<script>
var app = angular.module("htmlApp", ['ngSanitize']);
app.controller("htmlCtrl", function($scope, $http) {
$scope.texto = "El nombre es: <h1>Abc Def</h1>";
$http.get("incluido.html")
.then(
function exito(response) {
$scope.paginaEstatica = response.data;
},
function fallo(response) {
$scope.paginaEstatica = response.statusText;
}
);
});
</script>
</body>
</html>
// Code goes here
/* Styles go here */
.azul{
color:blue;
}
Uso de Sanitize para descargar Html
Usando $http
<h1 class="azul">Página estática incluida con $http</h1>