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

最新推荐文章于 2018-11-15 09:23:20 发布

Dream_B

最新推荐文章于 2018-11-15 09:23:20 发布

阅读量708

点赞数

分类专栏：学习笔记文章标签： angularjs

本文链接：https://blog.csdn.net/qq_26654881/article/details/51195312

版权

学习笔记专栏收录该内容

8 篇文章 0 订阅

订阅专栏

使用中遇到的问题：

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>

Dream_B

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS使用心得（持续更新中）

使用中遇到的问题：1.{{}}取值无效，控制台输出ng-controller指向的函数名is not a function:　　a). 查看elements，dom元素上有class=”ng-scope”，判断angular.js引入正常。　　b). 控制台输入ng-controller指向的函数名，该函数也存在。　　c). 最后查询结果为angularJS自1.3.0之后不支持全局函数作为
复制链接

扫一扫

专栏目录