Skip to main content
etiquetas editadas
Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92
Origen Enlace

Angular, al cargar dentro de la pagina otra pagina mediante ajax no me permite usar angular

tengo una pagina en la que uso un framework lumx que se basa en angular, todo funciona perfecto. El problema esta en que en una de las opciones cargo un div con contenido de otra pagina mediante ajax. Y es en esa pagina en la cual no puedo usar el framework y tampoco angular, ya que pruebo a poner un simple boton y el evento ng-click y no funciona tampoco.

Estoy perdido y no se que hacer.

<html ng-app="lumx-demo">
<head>

....

<!--  Aqui en un momento dado se carga la pagina por ajax-->
<div id="graficaEstudio">grafica estudio</div>

........

<script src="js/lumX-1.7.7/demo/app.js"></script>
<script src="js/lumX-1.7.7/demo/js/demo/layout/js/layout_service.js"></script>
<script src="js/lumX-1.7.7/demo/js/demo/main-nav/js/main-nav_directive.js"></script>
<script src="js/lumX-1.7.7/demo/js/demo/main-nav/js/main-nav-link_directive.js"></script>
<script src="js/lumX-1.7.7/demo/js/demo/component/js/component_directive.js"></script>

No se si el problema estara en que cargo angular antes sin la pagina que se carga por ajax y luego tengo que recargar algo.

He intentado en esa pagina que cargo por ajax a poner un ejemplo sencillo que me funciona fuera y tampoco lo coge y ni da error.

<input type="button" value="carga"  ng-app="ngClickExample" ng-controller="test" ng-click="foo()">
<script>
    (function(angular) {
        'use strict';
        angular.module('ngClickExample', [])
            .controller('test', function($scope) {
                $scope.foo = function(){
                    alert('bar');
                }
            });
    })(window.angular);
</script>