<p ng-app="" ng-controller="personController"> <!--控制器 --> <!---->
<p>姓：<input type="text" ng-model="person.firstName"></p>
<p>名：<input type="text" ng-model="person.lastName"></p>
<p>{{fullName()}}</p>
</p>
<script>
function personController($scope){
$scope.person={
firstName:"DOJ",
lastName:"Lil",
};
$scope.fullName=function(){
return $scope.person.firstName + $scope.person.lastName;
}
}
</script>
This is my code. It cannot be displayed in 1.4. It can only be displayed in versions lower than 1.2.9. Does anyone know where the problem is? I just started learning and I don’t understand a lot. I hope you can forgive me
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
As for your question, I guess it is due to the version update, because
AngularJS不同的版本，会有一些不同的差别，1.2.x以下的版本和1.2.xthere are still many differences between the above versions.Your way of writing is also irregular. I suggest you start with a standardized way of writing, so that you can start faster and avoid unnecessary mistakes
Bug.The result of using the
1.2.xversion is this:No error reported.
The result of using the
1.4.xversion is this:Report an error,
Error: [ng:areq] Argument 'personController' is not a function, got undefinedExplanation
AngularThis controller was not found, so you have to use the standard writing method.1.General writing demo
2. Standard writing demo
Note: Used
AngularJS版本为1.2.1Since your network is not very good, I cut the codes of the two demos for you to take a look
1. General writing:
2. Standard writing method (only the important parts are intercepted):
After version 1.3, I can’t seem to remember that the global controller is no longer valid. Now I need to define a module