2015-07-23 16 views
6

Sto cercando di creare app angolare di base e si getta un erroresemplice applicazione angolare non funziona

<html> 
<head> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script> 
    <script type="text/javascript"> 
     var angularApp = angular.module('angularApp', []); 
     angularApp.controller('Ctrl', function($scope) {}); 
    </script> 
</head> 
<body> 
    <div ng-app ng-controller="Ctrl"></div> 
</body> 
</html> 

Errore:

Error: [ng:areq] http://errors.angularjs.org/1.4.3/ng/areq?p0=Ctrl&p1=not%20a%20function%2C%20got%20undefined 
    at Error (native) 
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js:6:416 
    at Sb (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js:22:18) 
    at Qa (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js:22:105) 
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js:79:497 
    at x (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js:59:501) 
    at S (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js:60:341) 
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js:54:384) 
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js:53:444 
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js:19:481' 

Che cosa ho fatto di sbagliato?

risposta

6

È necessario dare ng-app il nome della tua app:

<div ng-app="angularApp" ng-controller="Ctrl"></div> 
+1

La ragione per questo è necessaria perché se non si fornisce un nome del modulo come il valore per l'attributo 'ng-app', solo angolare avvia il modulo core 'ng' incluso. Dato che l'OP ha definito il controller 'Ctrl' nel proprio modulo personalizzato, ha dovuto specificare di caricare il proprio modulo e quello' ng' (che viene caricato automaticamente indipendentemente dal fatto che lo si specifichi o meno). – GregL

Problemi correlati