Я новичок в angularJS.Угловой JS ngView и ngRoute не работает
Я пытаюсь сделать небольшое угловое приложение с ng-route и ng-view. Когда пользователь нажимает кнопку входа в систему, URL-адрес будет изменен с localhost:8000 на localhost:8000/login.
Теперь, если пользователь перезагрузит страницу, то на странице будет загружена страница с изображением /login.
Вот HTML-файл, который у меня есть с ng-app и ng-controller.
<html ng-app="loginSignUpApp">
<head>...</head>
<body ng-controller="mainController">
<div ng-view></div>
</body>
</html>
Теперь, если пользователь начать с localhost:8000 и нажмите на кнопку входа, то все работает нормально. Но после нажатия кнопки входа в систему, если пользователь перезагрузит страницу, то loginController не запускается. Представление не является рендерингом.
var app = angular.module('loginSignUpApp', ['ngMaterial', 'ngRoute', 'ngAnimate']);
app.controller('mainController', function($scope, $route, $routeParams, $location, $window, serviceFunctions) {
$scope.gotoPath = function (url) {
$location.path(url);
if(!$scope.$$phase) $scope.$apply()
}
})
.controller('loginController', function($scope, $route, $routeParams, $location, $window, serviceFunctions, $http) {
// some work...
})
.config(function($routeProvider, $locationProvider) {
$routeProvider
.when('/login', {
title : 'Login',
templateUrl: 'signIn.html',
controller: 'loginController'
})
.otherwise({
title : 'Landing Page',
redirectTo:'/',
controller: 'mainController'
})
$locationProvider.html5Mode(true);
})
.run(['$rootScope', '$route', function($rootScope, $route) {
$rootScope.$on('$routeChangeSuccess', function() {
angular.element('title').html($route.current.title);
});
}]);
Я использую Django в качестве backend и углового для рендеринга рендеринга.
Любая помощь будет оценена по достоинству. Заранее спасибо.
html5mode требует конфигурации на сервере; вы с этим справляетесь? –
показать весь html-файл, пожалуйста, –
Эй, @ КабирРой. Извините, я не понимаю, что вы говорите, можете ли вы рассказать? –