Формирование ссылки?

Question

[ZombiBlack]

Есть Input в который вводишь адрес странички:

<input type="url" size="50" class="form-control" id="inst"
          name="inst" placeholder="https://www.instagram.com/"
          #inst='ngModel'
          [(ngModel)]='post.inst'>

А как сделать так чтобы после того как добавил адрес странички, можно было по ней перейти как по гиперссылке?

<p> Instagram: <a href="URL" >{{ post.inst }}</a></p>

Answer 1

[Максим Тимофеев]

$('.some-link-selector').on('click',function(e){
e.preventDefault(); // отменяем стандартное действие ссылки
var url = $('.some-input-selector').val(); // получаем значение из input
window.location.replace(url); // перенаправляем по этой ссылке
});

как вариант зайти с другой стороны и просто менять href ссылки по событию изменения в input