Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript: Angular 2, AngularJS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
Mr_Ser_Win
44 / 43 / 7
Регистрация: 15.10.2008
Сообщений: 320
1

Ui-router в AngularJS

29.05.2015, 11:02. Просмотров 517. Ответов 4
Метки нет (Все метки)

Привет.
у меня такая задача.
на главной странице у меня список новостей (лист из Ионик фреймворка, но думаю это не принципиально)
по клику на заголовке (или по ячейке) надо перейти на страницу с полной новостью.
Вот ту та у меня и проблема, я не могу обработать этот переход. делаю через уи-роутер

это ссылка в листе
<a class="item item-thumbnail-left" href="#/app/singleNews/{{newsId}}">ЗАГОЛОВОК</a>

настраиваю $stateProvider

.state('app.singleNews', {
url: "/singleNews/:newsId",

templateUrl: "templates/singleNews.html"

,controller: "UserController"
})

ну и контроллер

.controller('UserController', function ($scope, $stateParams, $ionicPlatform) {

var result = $stateParams.contactId;

$ionicPlatform.ready(function () {
$scope.title = $stateParams.newsId;
});
})

в контроллер даже не попадает
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
29.05.2015, 11:02
Ответы с готовыми решениями:

AngularJS Обучение
Учусь работать с AngularJS но не могу понять почему директивы не работают. Вот...

Книги по angularjs
Может кто-нить книги по angularjs подкинет .Желательно на руссом.Где создается...

AngularJS + PHP
Во всех шаблонах AngularJS, во всех скелетах этого фреймворка идет связка...

AngularJS Prototype
Помогите пожалуйста, хочу разобраться в Angular, изучаю урок на этом сайте:...

Directive angularjs
Добрый день Помогите разобраться с директивой. Не хочет работать. Проект...

4
JokerNN
134 / 130 / 57
Регистрация: 29.12.2011
Сообщений: 359
29.05.2015, 14:37 2
Бегло глянул, у вас в <a> href обычный, а уи-роутер свои стейты сам хендлит
https://github.com/angular-ui/ui-router/wiki/Quick-Reference#ui-sref
попробуйте на ui-sref перейти, не знаю решит ли эту проблему - но вполне возможно
1
Mr_Ser_Win
44 / 43 / 7
Регистрация: 15.10.2008
Сообщений: 320
29.05.2015, 15:17  [ТС] 3
Цитата Сообщение от JokerNN Посмотреть сообщение
попробуйте на ui-sref перейти
я пробывал, но не помогло. видно,ч то то упустил. Гляну еще раз
0
gggggu
15 / 15 / 3
Регистрация: 31.08.2013
Сообщений: 98
29.05.2015, 16:02 4
Ошибки в консоле есть? Можно перейти как вы сделали
HTML5
1
<a href="#/app/singleNews/{{newsId}}">link</a>
Рекомендовано
HTML5
1
<a ui-sref='app.singleNews({newsId: newsId})'>link</a>
И убедитесь, что переменная newsId есть в текущем скопе.
Да, и вообще, у вас текущий url в адрессной строке с # ? Я имею ввиду, что если его нету, значит роутинг не подхватился, возможно у вас еще <ui-view></ui-view> не хватает
1
Mr_Ser_Win
44 / 43 / 7
Регистрация: 15.10.2008
Сообщений: 320
01.06.2015, 13:22  [ТС] 5
спасио всем. наконец дошли руки и разобрался.
использую ng-href, и подправил ссылку, все заработало.

Добавлено через 3 часа 7 минут
кстати, и через ui-sref тоже работает (остановился на этом варианте)
1
01.06.2015, 13:22
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
01.06.2015, 13:22

HTML в AngularJS
Здравствуйте, есть код function store() { this.products = на...

установка angularjs
скачал nodejs а так же angularjs на официальных сайтов как запустить ангуляр на...

BackBone или AngularJS
мне на фирме сказали изучить MVC framework. посоветуйте какой выбрать?...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru