2013-05-24 4 views
3

Mon module ne se charge pas et je n'arrive pas à comprendre pourquoi. Quelqu'un pourrait-il m'aider à découvrir ce que je fais mal?Le module AngularJS ne se charge pas

Ce qui suit est mon code HTML dans un fichier nommé index.html:

<html ng-app="demoApp"> 
    <head> 
     <title>Using AngularJS Directives and Data Binding</title> 
     <script type="text/javascript" src="_Script.js"></script> 
     <script src="angular.min.js"></script> 
    </head> 
    <body> 
     <!-- Get name out of array with controller using a module--> 
     <h3>Get names out of an array with controller using a module:</h3> 
     <div class ="container" ng-controller="SimpleController"> 
      <input type="text" ng-model="search" /> {{ search }} 
      <ul> 
       <li ng-repeat="naam in namen | filter:search" >{{ naam }}</li> 
      </ul> 
     </div> 
    </body> 
</html> 

Et c'est le Javascript dans un fichier nommé _Script.js:

var demoApp = angular.module('demoApp', []); 

function SimpleController($scope) { 
    $scope.namen = [ 
     'John', 
     'Will', 
     'Alex' 
    ]; 
} 

demoApp.controller('SimpleController', SimpleController); 

J'ai cherché tout , alors peut-être que c'est simple. Mais je ne peux pas le trouver et je suis resté coincé avec.

Cordialement,

Répondre

6

Vous chargez actuellement vos _script.js première et seconde angulaire JS. Si vous les réorganisez votre script devrait fonctionner:

+0

Merci, cela fonctionne maintenant. Je me sens très stupide ... –

+2

@PGriep, ne le faites pas. Les erreurs stupides sont normales dans la programmation. JavaScript vous permet de faire plus que certaines langues sans vous alerter aussi. J'attribuais accidentellement une valeur non à $ scope.value l'autre jour mais directement à $ scope, ce qui signifiait soudainement que l'étendue $ ne fonctionnait pas correctement n'importe où :) –

Questions connexes