AngularJS使用心得(持续更新中)

使用中遇到的问题:

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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章