Angulaire js, simple application ne fonctionne pas

Question

Donc, mon site web travaille sur la pagination, et c'est fait en faisant .load à div, je n'utilise pas JS angulaire pour charger les pages enfants, je veux juste utiliser angulaire dans mes pages enfant .

Ceci est ma page enfant

<script type="text/javascript" 
     src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> 


<div data-ng-app="myApp"> 

    <div data-ng-controller="appCtrl"> 
     <p>{{greeting.text}}, world </p> 
    </div> 


</div> 

<script> 
    $(document).ready(function() { 
     var appname = angular.module('myApp', []); 
     appname.controller('appCtrl', ['$scope', 
      function ($scope) { 
       $scope.greeting = { text: 'Hello' }; 
      }]); 
    }) 

</script> 

Son chargé de masterpage/index mais JS angulaire ne fonctionne pas, il ne marche pas faire quelque chose, je le fais mal?

Si je charge la page de son auto, sans index, l'application fonctionne, mais avec l'index, il ne marche pas

Je reçois ce message de sortie de la console: UPDATE corps mettre à la place de div supprimé cette sortie de la console, mais toujours mon application ne fonctionne pas. Et encore une fois tout mon sistem d'échange habitude de travailler si j'ai corps, il l'enlève lorsque la charge page afin jeah

Uncaught Error: Unknown provider: $controllerProvider from myApp 

Answer 1

Vous n'avez pas déclaré un nom d'application:

<div data-ng-app> 

devrait être

<div data-ng-app="myApp"> 

Et puis dans votre code que vous pouvez faire:

angular.module('myApp', []); 

Answer 2

Vous utilisiez jQuery pour attendre l'événement document prêt, mais jQuery n'a pas été inclus.

De plus, vous n'avez pas besoin du préfixe de données sur l'application et le contrôleur.

Essayez ceci:

<script type="text/javascript" 
     src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script> 


<div ng-app="myApp"> 

    <div ng-controller="appCtrl"> 
     <p>{{greeting.text}}, world </p> 
    </div> 


</div> 

<script> 

     var appname = angular.module('myApp', []); 
     appname.controller('appCtrl', ['$scope', 
      function ($scope) { 
       $scope.greeting = { text: 'Hello' }; 
      }]); 


</script>