AngularJS - почему не работает контроллер?

Question

AngularJS - почему не работает контроллер?

0

У меня есть этот простой код в файле app.js:

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

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

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

Вот код файла index.html:

<!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>

На выходе мое выражение {{placC.place.name}} не заменяется данными, которые он должен был показать. Он просто выводит " {{placeC.place.name}} ". Что мне здесь не хватает? Благодарю!

AMAN AGARWAL 19 июль 2015, в 13:09

Источник

0

И вы присваиваете undefined this.place как переменная shop ... не определена в этой части кода.
Krzysztof Safjanowski 19 июль 2015, в 12:21
0

@KrzysztofSafjanowski, нет, на момент вызова функции контроллера - место уже не определено
Grundy 19 июль 2015, в 12:23
0

@KrzysztofSafjanowski абсолютно правильно! Просто поместив объект магазина до того, как контроллер сделал все правильно, я забыл, что JS читается только сверху вниз :)
AMAN AGARWAL 20 июль 2015, в 19:53

Показать ещё 1 комментарий

Теги:

javascript

angularjs

1 ответ

Ещё вопросы

И вы присваиваете undefined this.place как переменная shop ... не определена в этой части кода.
@KrzysztofSafjanowski, нет, на момент вызова функции контроллера - место уже не определено
@KrzysztofSafjanowski абсолютно правильно! Просто поместив объект магазина до того, как контроллер сделал все правильно, я забыл, что JS читается только сверху вниз :)

dfsq · Accepted Answer · 2015-07-19T08-29-00.000Z

Определение углового контроллера - вызов метода, а не назначение. Правильный код:

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

Я уже чувствую себя глупо. Большое спасибо!