Javascript 如何从angular2中输入的文本动态设置超链接，并使其可通过url单击？

在我的角度分量中

  <div contentEditable="true"  id="mytext" ></div>
  <button type="button" (click)="goSee()">SEE ME !</button>  

---

输入“我的文本”的url并选择文本有效，但出现超链接和可点击链接。。。。请提前向我推荐并感谢大家。

首先，您必须使用

链接

方法使用

href

属性创建锚定。其次，

innerHTML

是一个属性，您必须设置它。假设

slicedText

是要放入

href

属性中的url，您可以像这样实现您想要做的事情：

var existingLinkText = document.getElementById("mytext").innerHTML;
document.getElementById("mytext").innerHTML = existingLinkText.link(slicedText);

---

另外，如果您的模板是组件模板的一部分，我建议您使用来访问DOM，而不是全局

文档
文档.getElementById（“mytext”）.innerHTML=document.getElementById（“mytext”）.innerHTML.anchor（slicedText）？它的工作原理和显示方式就像一个超链接！！但是，当slicedText是类似于“www.google.com”的url时，它会从我的prj中变成“www.google.com”，比如“localhost:8080/prj/www.google.com”……而不仅仅是“www.google.com”！这是另一个问题。您需要有一个
href
以
http://
开头的浏览器，以便将其视为指向不同资源的链接，而不是相对链接。如果此答案回答了您的问题，您可以将其标记为已接受，并询问另一个问题以了解第二个问题的具体细节。在这里链接到另一个问题。但在阅读之前，请先感谢马克西姆斯。。我认识到更多的href:）
var existingLinkText = document.getElementById("mytext").innerHTML;
document.getElementById("mytext").innerHTML = existingLinkText.link(slicedText);