在angularjs 1.3.0版中使用ng-controller时出现错误

小编典典

在angularjs 1.3.0版中使用ng-controller时出现错误

angularjs

嗨，我正在关注angularjs的一些教程

我正在使用1.3.0版本的angularjs

这是我的代码

<div ng-app="" ng-controller="personController">
    First Name:
    <input type="text" ng-model="firstName"><br>
    Last Name:
    <input type="text" ng-model="lastName"><br>
    <br>
    Full Name: {{firstName+" " + lastName}}

</div>

<script type="text/javascript">

    function personController($scope) {
        $scope.firstName = "David";
        $scope.lastName = "Silva";
    }
</script>

我想我做的和本教程一样。但是当我检查萤火虫时，它给我以下错误。

Error: [ng:areq] Argument 'personController' is not a function, got undefined 
http://errors.angularjs.org/1.3.0/ng/areq?
p0=personController&p1=not%20a%20function%2C%20got%20undefined

如何摆脱这个？

阅读 300

2020-07-04

共1个答案

小编典典

在angular1.3.0中，您必须执行以下操作，因为在1.3.0-beta中禁用了Global控制器。参考

<div ng-app="myApp" ng-controller="personController">






<script>
var app = angular.module("myApp",[]);

app.controller('personController', function($scope){
     $scope.firstName = "David";
     $scope.lastName = "Silva";
})
</script>

它还说您可以通过使用以下代码来获得较早的行为， 但不建议这样做

<div ng-app="myApp" ng-controller="personController">

var app = angular.module("myApp",[]).config(['$controllerProvider', function($controllerProvider) {
     $controllerProvider.allowGlobals();
}]);

function personController($scope) {
    $scope.firstName = "David";
    $scope.lastName = "Silva";
}

2020-07-04