我刚开始学习Angular js,我在外部js文件中创建了一个模块和控制器,
**External js file contains**
var myApp = angular.module("myModule", []);
myApp.contorller("myController", function($scope) {
$scope.message = "Welcome to angular js";
});
然后我将控制器绑定在那个
中HTMl文件
<!DOCTYPE html>
<html ng-app="myModule">
<head >
<title>Learing Angular js</title>
<meta charset="utf-8" />
<script src="scripts/angular.min.js"></script>
<script src= "scripts/custom.js"></script>
</head>
<body >{{50+30}}
<div ng-controller="myController" >
{{ message}}
</div>
</body>
</html>
我的消息未显示在视图中,它显示完整的表达式{{message}},但50 + 30正常工作。我的控制器和模块出了什么问题。
答案 0 :(得分:4)
这是错误:“contorller”
更改
myApp.contorller("myController", function($scope) {
$scope.message = "Welcome to angular js"; });
到
myApp.controller("myController", function($scope) {
$scope.message = "Welcome to angular js";
});