2014-04-03 4 views
0

У меня есть два контроллера, и я использую AngularJS $routeProvider для загрузки нескольких страниц. Когда я нажимаю на ссылку из первой частичной, чтобы перейти на вторую, вторая часть не отображает, а теги шаблонов - все, что отображается.AngularJS маршрут не отображает шаблон

Таким образом, в первой частичной, это оказывает Hello World:

<h1>Hello {{name}}</h1>

Но, это не оказывает на второй частичный:

<h1>Hello {{name}} on page 2</h1>

Вот plunkr чтобы показать, что я имею в виду: http://plnkr.co/edit/7X2vlIhMvLlIqE4UvC09?p=preview

+0

Возможно, вы захотите проверить свою консоль ошибок в следующий раз ~ * "ReferenceError: $ routeParams не определен" *. Похоже, вы не вводите '$ routeParams' в свой контроллер – Phil

ответ

3

Вы не вводите $routeParams в свой c ontroller. Закачка его в контроллер, как:

app.controller("UserDetailCtrl", function($scope, $routeParams) { 

Это позволит решить вашу проблему

В контроллере вы назвали переменную области видимости, как $scope.name2 и на странице partial2.html вы связывание с {{name}}. Это проблема. Измените его на {{name2}} или измените переменную области видимости на $scope.name

+0

Я тоже думал об этом, но он, похоже, не работает над * plnkr * demo – Phil

+0

Я работаю для меня. Сделав это при нажатии на имя пользователя, он отображает страницу partial2.html. – BKM

+2

Не обращайте внимания, OP имеет '$ scope.name2' вместо' $ scope.name' в своем контроллере – Phil

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