AngularJs:我写的代码没有工作,评论中的代码也有效。我哪里错了。请解释

时间:2016-12-09 03:31:32

标签: angularjs angularjs-directive angular-controller

我正在从W3SCHOOLS学习AngularJS,我一遍又一遍地面对这个问题! 在下面的代码中,未经注释的控制器代码行由我和 从W3SCHOOLS(Angular Controllers)复制的多条评论行。 当我运行这个程序时,未注释的代码不起作用,如果我使用注释代码,程序工作正常。 我没有得到这个,因为我没有看到这两个块之间有任何区别!

<html>
<script src="angular.min.js"></script>
<script>
    var app = angular.module("myApp", []);
    //controller code 
    app.controller = ('person', function($scope){
    $scope.fname = "Kiran";
    $scope.lname = "Chaudhari";
    $scope.fullname = function(){
    return $scope.fname + " " + $scope.lname;
    };
    });
    /*app.controller('person', function($scope) {
    $scope.fname = "Kiran";
    $scope.lname = "Chaudhari";
    $scope.fullname = function() {
        return $scope.fname + " " + $scope.lname;
    };
});*/
</script>
<body>
<div ng-app="myApp" ng-controller="person">
    First Name : <input type="text" ng-model="fname">
    Last Name : <input type="text" ng-model="lname">
    <br>
    Full Name : {{fullname()}}
</div>
</body>
</html>

2 个答案:

答案 0 :(得分:1)

您不必在app.controller旁边放置等号。我认为这是阻止您的代码的事情。希望这会有所帮助。

答案 1 :(得分:0)

app.controller =(); &#34; =&#34; AngularJS

的语法中应该没有等号