2015-10-20 4 views
0

При нажатии на вкладку в Twitter Bootstrap страница переходит к привязке вкладки. Я хотел бы, чтобы отключить эту функцию с помощью кода, как показано здесь: Twitter Bootstrap Tabs href="#" anchor tag jumpingЗагрузочный вкладчик прыгает с помощью Angular

Однако я использую Угловое - где бы я помещаю этот код так, что он работает на каждой вкладке бутстраповской как &, когда он загружается с новым страница?


Насколько я понимаю, проблема в том, что пользовательский интерфейс-маршрутизатор толкает якорь в URL, как он думает, что это изменение в состоянии, и это вызывает страницы, чтобы перейти к якорю. Поэтому, я думаю, я спрашиваю, как исключить эти вкладки из ui-router?

В настоящее время я использую двойное хэш-решение в приведенной выше ссылке, но я бы предпочел более чистое решение, которое просто исключает вкладки с ui-router. Другим решением было бы переопределить действие с помощью stateChangeSuccess, но это также не идеально.

+0

Какой маршрутизатор вы используете? ui.router или угловой ngRoute? – Sid

+0

Я использую ui.router – Sean

+0

, чтобы избавиться от использования bootstrap.js и вместо этого использовать угловую загрузку. Если каждая вкладка представляет маршрут, вам нужно будет использовать только вкладки css. Общая проблема не определена – charlietfl

ответ

0

Посмотрите на UI Router State Change Hooks Возможно, вы можете нажать на событие $stateChangeSuccess и выполнить код здесь. Я предполагаю, что каждая вкладка представляет собой уникальное состояние, похожее на этот сайт AngularJS website with tabs and UI Router. Если нет, вы можете подумать о его разработке таким образом. Код здесь Code for AngularJS Tutor website

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