2015-10-05 4 views
1

У меня проблема с $ routeProvider.

У меня 2 просмотра. Первое представление - это список пользователей. Второй, это профиль пользователя.

В моем первом взгляде, я указал ссылку:

<a ng-href="#/view2/{{user.login}}">{{user.login}}</a> 

В Js файл View2, я указал:

.config(['$routeProvider', function($routeProvider) { 
    $routeProvider.when('/view2/:user', { 
    templateUrl: 'view2/view2.html', 
    controller: 'View2Ctrl' 
    }); 
}]) 

И теперь, когда я пытаюсь нажать на ссылка, она просто меняет URL к следующим функциям:

путь-к-файлу: /index.html#/view2/blabla где блаб является user.login

Итак, как я могу заставить его работать?

Спасибо!

+1

вам нужно загрузить страницу с сервера 'http' не из' file: // '. Простота установки веб-сервера на вашем компьютере – charlietfl

+0

oh. Любые предложения о том, как я могу это сделать? – uksz

+0

Если вы на ПК с Windows, просто установите его в IIS. https://technet.microsoft.com/en-gb/library/cc725762.aspx – cullimorer

ответ

1

После использования как ngRoute, так и ui-router я бы определенно использовал ui-router для маршрутизации (https://github.com/angular-ui/ui-router).

ui-router предоставляет гораздо более широкий API для ежедневных задач, таких как связывание. Например, вы можете использовать пользовательские директивы под названием UI-sref:

<a ui-sref="contacts.detail({ id: contact.id })">{{ contact.name }}</a> 

Поэтому вы не должны собрать ссылки самостоятельно, рамки делает это для вас.

+0

Устанавливает ui-router так же, как routeProvider? – uksz

+0

Недавно я обновился от ngRoute до ui-router, и это было довольно быстро. Читайте здесь: https://github.com/angular-ui/ui-router/wiki – imriqwe

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