2017-02-08 16 views
0

Мой ngroute работает на моей домашней странице, однако, когда я нажимаю ссылку, чтобы перейти на мою страницу обучения, она запускается .otherwise, а не работает .which ('/ education ... и показывает правильный шаблонUrlПочему мой ngRoute не работает?

home.html

<div class="main"> 
    <div class="container"> 
    <div ng-view></div> 

app.js

var app = angular.module('Danielle', ['ngRoute']); 
app.config(function($routeProvider){ 

$routeProvider 

.when('/',{ 
controller:'HomeController', 
templateUrl:'views/homepage.html' 
})  

.when('/education',{ 
    templateUrl:'views/education.html' 
}) 

.otherwise({ 
    redirectTo: '/' 
}); 
}); 

homepage.html

<style> 
body{ 
    background: url(/img/3kzlcl3rj8a-ricardo-gomez-angel.jpg) no-repeat center center fixed; 
background-size: cover; 
} 
</style> 
<div class="jumbotron"> 
    <h1>Danielle Zurek</h1> 
<a href="#/education.html"> 
<div class="education"> 
    <div class="row"> 
     <h2>Education</h2> 
    </div> 
</a> 
    </div> 
</div> 

education.html

<style> 
body{ 
    background: url(/img/grads.jpg) no-repeat center center; 
    background-size: cover; 
} 
</style> 

<div class="jumbotron"> 
    <h1>Education</h1> 
</div> 

ответ

0

Хотя вы уже нашли проблему, и разрешите это в соответствии с вашим комментарием. Но есть кое-что, что вы должны действительно подумать о том, чтобы двигаться вперед. Когда вы работаете с фреймворками MVC, вы всегда должны учитывать изменение маршрутов приложений с помощью маршрутизатора. Используя, href="#/education" или что-то вроде $window.location.href, на самом деле обновляет вашу страницу, это просто означает, что она повторно инициирует ваше приложение.

Вы должны всегда держать href="javascript:void(0)", что остановит обновление страницы. Чтобы изменить маршруты, вы должны использовать $location.path() в вашем контроллере.

+0

при добавлении '$ location.path (...)' как мне сделать так, чтобы ссылка в представлении фактически приводила меня к этому пути? –

+0

и спасибо вам за совет. –

+0

также сделал бы это, как только я это выясню, прекратите анимацию моего маршрута ng-маршрута. теперь я знаю, что это я считаю, что изменчивость переходов анимации связана с тем, что он снова загружает браузеры. –

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

  • Нет связанных вопросов^_^