Это дублированный вопрос, но я не могу понять, что именно я делаю неправильно в своем коде. Это очень простое угловое приложение, но маршрутизация не работает, а также не вызывает контроллер. Я не нахожу ничего неправильного в коде.Угловая/угловая маршрутизация не работает
РЕДАКТИРОВАТЬ: Вот это Plunker
app.js:
var appRoot = angular.module('smapp', ['ngRoute']);
appRoot.config(['$routeProvider', function ($routeProvider) {
$routeProvider
.when('/Home', { templateUrl: '/views/home.html', controller: 'OmdbCtrl' })
.when('/', { templateUrl: '/views/home.html', controller: 'OmdbCtrl' })
.otherwise({ redirectTo: '/' });
}
]);
Контроллер:
appRoot.controller('OmdbCtrl', ['$scope', 'OmdbFactory', function ($scope, OmdbFactory) {
$scope.test = 'working';
}]);
Index.h TML:
<!doctype html>
<html ng-app>
<head>
<title>My Angular App</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
</head>
<body>
<div class="container-fluid">hi
<ng-view class="view-slide-in" ng-cloak=""></ng-view>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.11/angular.min.js"></script>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.js"></script>-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.11/angular-route.min.js"></script>
<script src="./js/app.js"></script>
<script src="./js/factory.js"></script>
<script src="./js/OmdbCtrl.js"></script>
</body>
</html>
home.html
<div class="row">
<div class="col-lg-12"><h4>{{test}}</h4></div>
</div>
Любые ошибки в консоли браузера? Задайте значение ng-app для имени основного модуля ... 'ng-app =" smapp "'. Просто чтобы быть ясным ... вы загружаете эту страницу с сервера ... localhost или web? – charlietfl
Нет, нет ошибок консоли. Вот почему я смущен. –
И это на сервере? Ajax не работает из файловой системы – charlietfl