如何在输入字段中显示可点击的链接 - angularjs答案

【问题标题】：how to display a clickable link within an input field - angularjs如何在输入字段中显示可点击的链接 - angularjs
【发布时间】：2016-11-23 02:40:29
【问题描述】：

当我尝试在输入字段中显示锚点时？我尝试了以下代码，但编译后的 html 不显示。它只是按原样显示带有 vm.url 的 html。

HTML 模板：

<td class="md"><input type="text" value="{{vm.getUrl()}}" size="60"></input></td>

控制器代码

    vm.url = '<a href="https://bankofamerica.com">https://bankofamerica.com</a>';
 vm.getUrl = function(){
                return vm.url;
 }

【问题讨论】：

【解决方案1】：

你能像下面这样分解吗？你不能通过 html 那也许你可以看看tranclude。

HTML：

<td class="md"><input type="text" size="60"></input>
<a href={{vm.url}}> <!-- can't remember if you need the quotes. -->
    {{vm.url}}
</a>
</td>

JS：

vm.url = 'https://bankofamerica.com';

【讨论】：