AngularJS控制器功能模糊

时间:2015-06-03 15:47:42

标签: javascript angularjs

我是angularjs的新手,我一直在尝试一些基本的教程,我注意到控制器的声明和使用方式存在一些差异因此我想澄清一下 例如,在这个JSfiddle链接 - http://jsfiddle.net/dakra/U3pVM/中,用户已将控制器定义为函数名称,对于版本1.0.3非常适用。我正在使用1.3.15版本的角度,这种方法对我不起作用

<html ng-app="myapp">

    AngularJS数据绑定    

<div data-ng-controller="SimpleController">

    Name :
    <br/>
    <input type="text" ng-model="name"/>{{name |uppercase}}
    <div>
        <ul>
            <li ng-repeat="personName in names">{{personName}}</li>
        </ul>

    </div>

</div>
<script src="node_modules/angular/angular.min.js"></script>

<script>

function SimpleController($scope) {
    $scope.names =['test1','test2','new'];
}

上面的代码不起作用,因为它显示SimpleController是未定义函数的错误。

当我添加此代码而不是上述函数时,它可以正常工作 -

    var app = angular.module('myApp', []);
app.controller('SimpleController', function($scope) {
    $scope.names = ['test1','test2'];
});

谢谢,

1 个答案:

答案 0 :(得分:1)

通过

简单声明控制器
function MyCtrl($scope) {

}
在Angular 1.3中删除了

。重大变化:http://wildermuth.com/2014/11/11/Angular_1_3_and_Breaking_Change_for_Controllers