<a href ... внутри шаблона компонента
 

Столкнулся с такой проблемой - внутри компонента не работают ссылки:

.component('test', {
    template: [
        '<div class="todo">',
            '<a ng-href="test">test</a>',
        '</div>'
    ].join(''),

});

На странице появляется ссылка "test", при клике на неё в адресную строку браузера добавляется "test" но дальше ничего не происходит - браузер не переходит по новому url.

В чём дело?

Пробовал <a ng-href="test"> и <a href="test"> - разницы нет.

valer_1,
у тебя роутер с вьюшками есть?

нет

valer_1,
вот и ответ на твой вопрос

Может подскажешь где почитать более развёрнутый ответ?

valer_1,
https://scotch.io/tutorials/single-p...and-templating
Почитай еще про атрибут href

Не совсем понимаю. Мне не нужно SPA. Мне нужно чтобы при нажатии на ссылку браузер переходил на новую страницу, собственно как и работают обычные ссылки в html.
Не могу поверить что для этого нужен роутер.

valer_1,
Не нужен. Сделай нормальную сылку с протоколом, хостом, путем.

Сделал
<a ng-href="http://192.168.56.101:8000/test">test</a>
не помогло.
Да собственно у меня и была нормальная ссылка с относительным URL.
В обоих случаях URL попадает в адресную строку, но браузер на него переходит только если нажать Enter

Всё, нашёл в чём проблема была.
Всем спасибо.