AngularJS - why controller is not working?

Question

I have this simple code in my app.js file:

(function(){
    var app = angular.module('searchHotels', []);

    app.controller = ("PlaceController", function(){
        this.place = shop;
    });

    var shop = {
        name: 'supermarket',
        distance: 100
    };
})();

Here is the index.html file's code:

<!doctype.html>
<html ng-app="searchHotels">

<head>
    <script type="text/javascript" src="angular.min.js"></script>
    <script type="text/javascript" src="app.js"></script>
</head>

<body>

    <div ng-controller="PlaceController as placeC">
        <h3> {{placeC.place.name}} </h3>
    </div>

</body>

</html>

In the output, my {{placC.place.name}} expression is not replaced by the data it was meant to show. It just outputs " {{placeC.place.name}} " itself. What am I missing here? Thanks!

Answer 1

Angular controller definition is a method call, not assignment. Correct code:

app.controller("PlaceController", function(){
    this.place = shop;
});

AngularJS - why controller is not working?

Question

1 answers

solution1
5 ACCPTED 2015-07-19 10:35:51

AngularJS - why controller is not working?

Question

1 answers

solution1 5 ACCPTED 2015-07-19 10:35:51

solution1
5 ACCPTED 2015-07-19 10:35:51