Leo*_*ban 1 javascript angularjs angularjs-controller angularjs-module
标记
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Angular I</title>
<link rel="stylesheet" href="css/style.css">
<link rel="author" href="humans.txt">
</head>
<body ng-app="app">
<section ng-controller="mainCtrl">
<h1>My App</h1>
<p>{{name}}</p>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-beta.1/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-beta.1/angular-route.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-beta.1/angular-animate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-beta.1/angular-resource.min.js"></script>
<script src="script.js"></script>
</body>
</html>
script.js
var app = angular.module('friendsList', []);
app.controller('mainCtrl', function($scope) {
$scope.name = "Leon Gaban";
})
我包括angular.min,angular-route甚至角度资源和动画......
你有错误的ng-app模块,它应该是ng-app="friendsList"而不是app.
该错误不是由角度版本引起的,而是因为您在应用程序mdoule中注入了错误的依赖项.简单地说,您不能将mainCtrl模块注入您的模块作为其控制器mainCtrl,您将在模块中注册.
var app = angular.module('friendsList', []);
你也应该ng-controller="mainCtrl"在html上.
<section ng-controller="mainCtrl">
</section>