AngularJS маршрутизация не загружается

Question

AngularJS маршрутизация не загружается

0

начал играть с угловатой сегодня. Так что полностью нуб с этим вопросом. Я нашел массу похожих вопросов, но ничего не помогло, поэтому я решил попробовать со своим вопросом.

Моя проблема связана с маршрутизацией. У меня есть две точки зрения (или частичные). Мой первый вид (по умолчанию) загружается красиво, когда я просматриваю свою страницу. При нажатии ссылки, которая должна открыть мое второе представление, URL изменяется, но ничего не происходит. Если я нажимаю кнопку обновления браузера, просмотр загружается.

Главная страница

    <!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>  
    <script src="js/angular_route.js"></script>  
    <script src="js/angular_animate.js"></script>
    <script src="js/angular_cookies.js"></script>
    <script src="js/app.js"></script>
    </head>
<body style="padding:10px;" ng-app="rispa">
    <div ng-view></div>
</body>
</html>

app.js

var rispa = angular.module("rispa", ['ngRoute', 'ngAnimate']);
rispa.config(function ($routeProvider) {
    $routeProvider
        .when('/welcome', 
            {
                controller: 'rispaController', 
                templateUrl: 'partials/welcome.html' 
            })
        .when('/accounts', 
            {
                controller: 'rispaController', 
                templateUrl: 'partials/accounts.html' 
            })
        .otherwise({ redirectTo: '/welcome' })
});
rispa.controller('rispaController', function($scope) {
    $scope.title = "Home Page";
});

приветственный вид (по умолчанию)

<div class="container">
   <h1>Welcome!!!</h1>
    <a href="#/accounts">get accounts</a>
</div>

просмотр учетных записей

<div class="container">
    <h1>accounts</h1>
    <a href="#/welcome">back to welcome</a>
</div>

У меня есть WAMP-сервер в Windows 10, где я запускаю приложение. Я также попытался опубликовать в лазурном webapp, но представление также не обновилось. Мне нужно было нажать кнопку обновления браузера, чтобы она не была проблемой веб-сервера...

japesu 21 май 2016, в 14:56

Источник

0

Ах, нашел проблему ... Я удалил зависимость ngAnimate, и теперь она работает.
japesu 21 май 2016, в 12:48

Теги:

angularjs

1 ответ

Ещё вопросы

Ах, нашел проблему ... Я удалил зависимость ngAnimate, и теперь она работает.

Sajal · Accepted Answer · 2016-05-21T10-30-00.000Z

Рабочий плункер: http://plnkr.co/edit/aCpOumYzy94ATMXiA5KR?p=preview

Маршрутизация настроена правильно, но вы не добавили ссылку на контроллер для представления. Кроме того, вам понадобится файл зависимости для ngAnimate в главном представлении.

<div data-ng-view="" data-ng-controller="rispaController" ></div>

Да, проблема была с ngAnimate. Спасибо за ответ :)