2015-04-26 3 views
0

Я только начинаю Угловое и я в состоянии отобразить на главной странице с помощью URL: http://localhost:8002/app/#/homeПерейти на ссылку в той же странице в угловых

Теперь я хочу, чтобы использовать имя тега, чтобы перейти в раздел «часто задаваемых вопросов» на той же странице, используя: <a href="#faq">FAQ</a> и <section id="faq"> Однако это не работает. Может ли кто-нибудь направить меня сюда?

+0

Не можете добавить здесь свой маршрут? И вы ожидаете, что шаблон faq должен быть загружен в разделе faq. –

+0

Это моя конфигурация маршрута: когда ('/ home', { templateUrl: 'components/home/home.html', controller: 'HomeController' }) , В моем home.html у меня есть ссылки, указывающие на разные разделы home.html –

ответ

0

Вы должны написать в атрибуте href #/faq с косой чертой.

и другой вопрос, использует нг-HREF, как написано в угловых Docs (https://docs.angularjs.org/api/ng/directive/ngHref):

Используя угловую разметку, как {{хэш}} в HREF атрибута будет сделать ссылку перейти к неправильному URL, если пользователь нажимает на него до того, как Угловая имеет возможность заменить разметку {{hash}} на ее значение. Пока Angular не заменит разметку, ссылка будет сломана и, скорее всего, вернет ошибку 404. Директива ngHref решает эту проблему.

+0

Это не работает. –

1

Вы также можете использовать $ anchorScroll (лучшее решение). Вы можете увидеть образец и более подробную информацию here. Я не тестирую ng-href, но думаю, что это плохое решение.

+0

Как Anchorscroll может решить проблему –

+0

Вы можете увидеть образец той же проблемы в ссылке: http: // stackoverflow .com/questions/14712223/how-to-handle-anchor-hash-linking-in-angularjs/14717011 # 14717011 – Shimrra

+0

Возможно, вы правы .. Я так хочу –

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