2015-07-23 20 views
6

Tôi đang cố gắng để tạo ra ứng dụng góc cơ bản và nó ném một lỗiđơn giản ứng dụng góc không hoạt động

<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> 

Lỗi:

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' 

Tôi đã làm gì sai?

Trả lời

6

Bạn phải cung cấp cho ng-app tên của ứng dụng của bạn:

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

Lý do này là cần thiết là bởi vì nếu bạn không cung cấp một tên mô-đun làm giá trị cho thuộc tính 'ng-app', chỉ kiễu góc bootstraps phần tử 'ng' cốt lõi đi kèm. Vì OP đã xác định bộ điều khiển 'Ctrl' trong mô-đun tùy chỉnh của riêng họ, họ phải chỉ định tải mô-đun của họ cũng như mô-đun' ng' (được tải tự động bất kể bạn có chỉ định hay không). – GregL

Các vấn đề liên quan