Wie man einen klickbaren Link in einem Eingabefeld anzeigt - angularjs

Question

Wenn ich versuche, einen Anker in einem Eingabefeld anzuzeigen? Ich habe den folgenden Code ausprobiert, aber das kompilierte HTML wird nicht angezeigt. Es zeigt nur den HTML-Code mit vm.url so wie er ist.

HTML-Vorlage:

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

Controller-Code

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

Answer 1

Können Sie es wie unten brechen? Sie können HTML nicht übergeben, das Sie möglicherweise tranclude betrachten konnten.

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';