Угловой шаблон не работает

0

Я m just starting out with AngularJS and I возникают проблемы с этим фрагментом кода.

Это код из моего js файла, называемого cribsController.js:

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

Вот мой html:

<html>
<head>
    <meta charset="utf-8" />

    <title>ng-cribs</title>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
</head>

<body ng-app="ngCribs" ng-controller="cribsController">
    <h1>{{hello}}</h1>
</body>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.2/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.2.5/ui-bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.2.5/ui-bootstrap-tpls.min.js"></script>
<script src="app.js"></script>
<script src="scripts/cribsController.js"></script>

Когда я просматриваю html файл, вместо отображения Hellow world !, я получаю {{hello}}.

Что я здесь делаю неправильно?

  • 0
    Есть ошибки в console ? Также не могли бы вы показать свой app.js ?
  • 0
    Я удалил свой ответ о несуществующем модуле. Нам нужно посмотреть, что внутри app.js
Показать ещё 5 комментариев
Теги:

1 ответ

0

Здесь он работает в плункере.

Все, что я сделал, это обернуть код в вызове функции.

(function(angular) {
'use strict';

 angular.module('ngCribs', [])
.controller('cribsController', function($scope){
$scope.hello = 'Hello';
 });
})(window.angular);
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню