Контроллер не читается угловой JS - PullRequest
0 голосов
/ 27 июня 2018

Я использую WAMP и в моей папке www есть папка ng-cribs. индекс имеет следующий код

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.2/angular.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.5.0/ui-bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.5.0/ui-bootstrap-tpls.min.js"></script>
    <script src="app.js"></script>
    <script src="scripts/cribsController.js"></script>
<head>
    <title>ng-cribs</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">

</head>
<body ng-app="ngCribs" ng-controller="cribsController">

    <h1> {{hello}} </h1>

</body>

</html>

Тогда у меня есть файл app.js в той же папке со следующим кодом

angular.module('ngCribs, ['ui.bootstrap']);

Затем, наконец, файл контроллера в новой папке с именем scripts, а имя файла - cribsController со следующим кодом

angular
.module('ngCribs')
.controller('cribsController'), function(&scope){

    $scope.hello = 'hello world!'

});

Однако мой результат {{Hello}} вместо отображения того, что находится в контроллере

Ответы [ 2 ]

0 голосов
/ 27 июня 2018

Вы должны объявить синтаксис, как показано ниже

angular
.module('ngCribs').controller('cribsController', ['$scope', function($scope) {
   $scope.hello = 'hello world!'
}]);

вместо

angular
.module('ngCribs')

Результатом является закрытие контроллера без объявления его зависимостей и инъекции.

.controller('cribsController'), function(&scope){

    $scope.hello = 'hello world!'

});
0 голосов
/ 27 июня 2018

В функции контроллера вы должны использовать $ вместо &.

angular
.module('ngCribs',[])
.controller('cribsController', function($scope){
    $scope.hello = 'hello world!'
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...