使用中遇到的问题:
1.{{}}取值无效,控制台输出ng-controller指向的函数名is not a function:
a). 查看elements,dom元素上有class=”ng-scope”,判断angular.js引入正常。
b). 控制台输入ng-controller指向的函数名,该函数也存在。
c). 最后查询结果为angularJS自1.3.0之后不支持全局函数作为ng-controller.只能使用模块化的方式定义controller。
HelloAngular_MVC.js:
var myModule = angular.module("HelloAngular",[]);
myModule.controller('helloAngular',['$scope',
function HelloAngular($scope){
$scope.greeting = {
text: 'Hello'
};
}
]);
index.html:(还需引入angularJS文件)
<!DOCTYPE html>
<html ng-app="HelloAngular">
<head lang="en">
<meta charset="UTF-8">
<title>Hello AngularJS</title>
</head>
<body>
<div ng-controller="helloAngular">
<p>{{greeting.text}},Angular</p>
</div>
</body>
<script src="lib/angular.js"></script>
<script src="js/HelloAngular_MVC.js"></script>
</html>