areq

报错代码如下：

    <div ng-controller="HelloAngular">
        <p>{{greeting.text}},angular</p>
    </div>

function HelloAngular($scope){
    $scope.greeting = {
        text:'hello'
    }
}

　在用angular1.3版本以前的时候，上面的代码运行是没有问题的。但是我更新版本后报错

Error: [ng:areq] http://errors.angularjs.org/1.5.8/ng/areq?p0=*&p1=not%20a%20function%2C%20got%20undefined
    at Error (native)
    at http://localhost:63342/untitled1/public/javascripts/lib/angular.min.js:6:412
    at sb (http://localhost:63342/untitled1/public/javascripts/lib/angular.min.js:23:18)
    at Pa (http://localhost:63342/untitled1/public/javascripts/lib/angular.min.js:23:105)
    at http://localhost:63342/untitled1/public/javascripts/lib/angular.min.js:89:310
    at ag (http://localhost:63342/untitled1/public/javascripts/lib/angular.min.js:72:419)
    at p (http://localhost:63342/untitled1/public/javascripts/lib/angular.min.js:64:262)
    at g (http://localhost:63342/untitled1/public/javascripts/lib/angular.min.js:58:481)
    at g (http://localhost:63342/untitled1/public/javascripts/lib/angular.min.js:58:498)
    at g (http://localhost:63342/untitled1/public/javascripts/lib/angular.min.js:58:498)

　因为不允许定义全局函数来污染全局对象，做好放在module.controller()这样一个函数中来操作model数据

修改后的代码

mvc.js
var app = angular.module('userApp',[]);
app.controller('HelloAngular',function($scope){
    $scope.greeting = {
        text:'hello'
    }
})

<!doctype html>
<html ng-app="userApp">
<head>
    <meta charset="utf-8">
</head>

<body>
<div>
    <div ng-controller="HelloAngular">
        <p>{{greeting.text}},angular</p>
    </div>
</div>
</body>
<script src="../public/javascripts/lib/angular.min.js"></script>
<script src="../public/javascripts/test/mvc.js"></script>
</html>

posted on 2016-10-21 13:27 坚持不懈❥ 阅读(605) 评论(0) 收藏举报