2016-05-21 3 views
0

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

Моя проблема заключается в маршрутизации. У меня есть две точки зрения (или частичные). Мой первый вид (по умолчанию) загружается красиво, когда я просматриваю свою страницу. При нажатии ссылки, которая должна открыть мое второе представление, 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, но представление также не обновилось. Я должен был нажать кнопку обновления браузера, так что не должно быть проблемой веб-сервер ...

+0

Ах, нашел этот вопрос ... Я удалил depency ngAnimate и теперь он работает. – japesu

ответ

1

Рабочая Plunker: http://plnkr.co/edit/aCpOumYzy94ATMXiA5KR?p=preview

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

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

+0

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

Смежные вопросы