AngularJS使用心得（持续更新中）

来源：互联网发布：火狐debug调试js脚本编辑：程序博客网时间：2024/04/29 03:56

使用中遇到的问题：

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>

0 0