参数(Controller)不是函数,未定义

时间:2016-06-20 20:37:57

标签: angularjs

谷歌搜索一小时后在Stackoverflow中搜索我无法得到答案。我是棱角分明的新手,这只是一种练习,但我不能让它发挥作用。我在控制台中收到此错误:

  

错误:参数'StoreController as store'不是函数,得到了   未定义。

代码:

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <title>AngularJS</title>


</head>
<body>
    <div ng-controller="StoreController as store">
        <h2>{{store.employee.name}}</h2>
        <h3>{{store.employee.age}}</h3> 
    </div>


    <script type="text/javascript"
            src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
    <script type="text/javascript"
            src="app.js"></script>
</body>
</html>

app.js文件:

(function() {
    var app = angular.module('myApp', []);

    app.controller('StoreController', function() {
        this.employee = { 
            name: 'John',
            age: 32
        };
    });

})();

1 个答案:

答案 0 :(得分:4)

你的Angular版本已经过时了。您目前正在使用1.0.7。 controllerAs构造仅在1.2版中添加。你应该把你的版本提升到最新版本。