Angular js SyntaxError: expected expression, got '.'

Question

i'm trying to learn angular.js, specifically some try on the ng-if directives when i find this error in the console:

Angular js SyntaxError: expected expression, got '.' .controller('trovoilnome',function($scope){

i have assigned two controllers on the same module:

angular.module('direttive',[])
//per ng bind
.controller('addizione', ['$scope',function($scope){
    $scope.example = {
        numerouno: 12,
        numerodue: 7
    };
}]);

//per ng if
.controller('trovoilnome',function($scope){
    $scope.nome = {
        nome: 'Gigi',
        cognome: 'latrottola'
    };
});

somebody should tell me what i have done wrong?

tymeJV · Accepted Answer · 2015-10-14 15:01:59Z

5

Remove the semi-colon after your first controller declaration:

}]); <--- REMOVE

//per ng if
.controller(

answered Oct 14, 2015 at 15:01

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

CollinD Over a year ago

This is the solution, I'd also like to point out to OP the alternative of assigning the result of angular.module(. . . to a variable, and then calling myApp.controller(. . . which some people find cleaner.

Nonsono Statoio Over a year ago

just tried, but i have the same error in the console :-(

tymeJV Over a year ago

@NonsonoStatoio -- Update your question with the latest code. Did you clear cache and what not?

morels · Accepted Answer · 2015-10-14 15:14:12Z

1st solution:

var myapp = angular.module('direttive',[]);

//per ng bind
myapp.controller('addizione', ['$scope',function($scope){ 
    $scope.example = {
        numerouno: 12,
        numerodue: 7
    };
}]);

//per ng if
myapp.controller('trovoilnome',function($scope){
    $scope.nome = {
        nome: 'Gigi',
        cognome: 'latrottola'
    };
});

2nd solution:

angular.module('direttive',[])
       // per ng bind
       .controller('addizione', ['$scope',function($scope){ 
          $scope.example = {
            numerouno: 12,
            numerodue: 7
          };
       }])
       // per ng if
       .controller('trovoilnome',function($scope){
          $scope.nome = {
            nome: 'Gigi',
            cognome: 'latrottola'
          };
       });

The difference between the two solutions is that the second is a one-step declaration. The first one, instead, lets you split the definition of the two controllers in two different parts of the same file or also in two different files.

Ciao cumpa'

Collectives™ on Stack Overflow

Angular js SyntaxError: expected expression, got '.'

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related