entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

0voto

Obtener una página web con Angular

Buenos Días, estoy aprendiendo Angular y me gustaría obtener una página web cuando pulce un button y mostrar su contenido dentro de un div pues quiero cojer esta página y guar dar su estructura marcando donde se encuentra el título, el contenido y demas para luego guardarlo y poder hacer extracciones de información de la misma página con solo la url de la noticia. ;)
Por ahora solo he aprendido que eso se debe poder hacer consumiendo servicios con $http pero no he avanzado mucho.
Saludos Dairon

1 Respuesta

1voto

ioannisb Puntos160

Hola Dairon:
quiza te sirva este código

<html ng-app="myApp">
<head> 
<title>ejemplo obtener datos de una url con $http.get</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.2/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.2/angular-sanitize.js"></script>
</head>
<body>
<div ng-controller="MyCtrl">
  Hello, {{name}}!
    <div class="container" ng-bind-html="content">

    </div>
    <button  ng-click="showContent()">ver contenido</button>
</div>
</body>

<script>

angular.module('myApp',['ngSanitize'])
.controller('MyCtrl',['$scope','$http','$sce',function($scope,$http,$sce){
 $scope.name = 'Superhero';
    $scope.content='';
    $scope.showContent = function(){
    $http.get('container.html').success(function(data){
      $scope.content = $sce.trustAsHtml(data);
    });

    }
}]);
</script>
</html>

Ojo: si el sitio que estas consultando esta en otro dominio tienes que considerar que ese sitio permita peticiones Cors
saludos

0voto

ioannisb comentado

Se me olvidaba también por seguridad las entradas tienen que ser seguras ya que con esto estarías expuesto a un ataque XSS

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta