2016-08-26 4 views
1

Voici mon code: -angulaire: Pourquoi mon contrôleur est pas exécuté

<html> 
    <head></head> 
    <body ng-app="app"> 
    <div class="container"> 
     <label>Type d'objets à importer 
     <select> 
      <option value="categorie">Catégories de mot clé</option> 
      <option value="categorie">Mots clés</option> 
     </select> 
     </label> 
     <label>Déposer un array au format JSON<br> 
     <textarea ng-model="array"></textarea> 
     </label> 
     <button ng-click="import()">Importer</button> 
    </div> 
    <script src="/csp/libraries/angular/angular.min.js"></script> 
    <script language="javascript"> 

    (function() { 

     angular.module('app', []) 
      .controller('MainController', MainController); 

     console.log('writed in the console'); 
     function MainController($scope) { 
      console.log('never writed in the console'); 
      $scope.array = []; 

      $scope.import = function() { 
       console.log($scope.array); 
      }; 
     } 
     })(); 
    </script> 
    </body> 
</html> 

J'écris somthing à la charge, mais le sentense à l'intérieur du contrôleur est jamais chargé.
Je n'ai aucune erreur dans la console et l'angle est correctement chargé.

Répondre

3

Vous n'avez pas défini le contrôleur dans votre code HTML.

<div ng-controller="MainController"></div> 
2

Appel de nom du contrôleur dans ng-controller où que vous devez,
Ajouter ng-controller='MainController' sur le <div> où vous voulez appeler contrôleur ou où vous devez appliquer la logique métier. Mais appelez toujours ng-controller après le démarrage de votre application.

<body ng-app="app"> 
    <div ng-controller="MainController" class="container"> 

    // write HTML code 

    </div> 
</body>