是否可以在<input />标签angularjs内点击链接?

时间:2018-03-15 12:01:16

标签: angularjs

HTML

<input type="text" placeholder="enter link here..." name="link" ng-model="link"/>

控制器::

$scope.link = "https://stackoverflow.com"

点击输入框内的链接时,它应该可以点击并重定向到StackOverflow页面。

2 个答案:

答案 0 :(得分:1)

您可以使用正则表达式在字符串中创建可点击的网址

在控制器中:

r'[456][0-9]{3}-?[0-9]{4}-?[0-9]{4}-?[0-9]{4}': 

答案 1 :(得分:0)

它不是一个有角度的问题,而是一个DOM问题。

输入元素不能包含childNodes,因此答案是否定的, 但是,使用contentEditable之类的东西很有可能:

&#13;
&#13;
.pseudo-input {
  width: 250px;
  height: 30px;
  border: 1px solid #ccc;
  line-height: 30px;
}

.pseudo-input a {
  cursor: pointer;
}
&#13;
<div class="pseudo-input" contenteditable>
You can <a href="http://google.com" target="_blank">click me!</a>
</div>
&#13;
&#13;
&#13;