时间戳

首页 > 解决方案 > 将表单组数据加载到锚标记中

angular - 将表单组数据加载到锚标记中

问题描述

我有这样的东西

 **<div class="form-group col-md-3 col-sm-3 col-xs-12" *ngIf="isEdit">
    <label for="url">URL</label>
    <input id="url" [formControl]="fg.url" class="form-control" type="text" />
  </div>**

现在我可以在文本框中看到 url 数据。如何在 html 文件中修改此代码，以便将数据视为可点击的 url 链接。我的意思是如何在这种情况下使用锚标记。

谢谢

标签： angular

解决方案

如果我得到正确的你想要做什么。只需添加锚标记并输入这些 {{}} 之间的值。

<div class="form-group col-md-3 col-sm-3 col-xs-12" *ngIf="isEdit">
  <label for="url">
    <a [href]="form.controls.url.value">{{form.controls.url.value}}</a>
  </label>
  <input id="url" [formControl]="fg.url" class="form-control" type="text" />
</div>

推荐阅读