【问题标题】:Is there any way to pass anchor tag in an input string to a label有没有办法将输入字符串中的锚标记传递给标签
【发布时间】:2019-06-01 07:17:52
【问题描述】:

我有一个用于复选框的自定义类,其中标签和输入与类一起定义。

我在另一个类中使用该组件,我需要传递一个包含链接的标签,例如:请接受以继续。那么是否可以使用包含链接的上述字符串传递标签?

customCheckbox.component.ts

<div class="form-group" [formGroup]="checkboxForm">
  <label class="checkboxContainer">
    {{ label }} <input id="{{ id }}" type="checkbox" 
 [formControlName]="checkboxFormName" />
    <span class="checkmark"></span>
  </label>
</div>

用法

<custom-checkbox
          id="_id"
          [checkboxForm]="checkboxForm"
          [nameOfControl]="checkboxFormName "
          label="{'Please accept the <a>terms and condition </a> .'" >
        </custom-checkbox>

所以需要这种类型的标签。

【问题讨论】:

  • 您通过输入获取标签和链接?想要从一个组件传递到另一个组件?你能详细说明一下吗?
  • 我更新了问题

标签: angular input angular7


【解决方案1】:

您可以将标签的文本传递到标签的内部HTML。 像这样:

  label = 'This is normal,but <a href="https://www.google.com"> this is link</a>'

<label [innerHTML]="label"></label>

【讨论】:

  • 我们不能在里面使用是什么意思?
  • 我的意思是根据要求...我们正在使用其他组创建的一些库,我们不允许更改它
  • 您能分享一下您使用的是什么库以及为什么不允许更改它吗?如果不考虑提供替代方案将非常困难
  • 它只由我们创建,不是任何第三方。
  • 主要问题中提到的代码是库中写的内容。所以主要是除了[innerHTML]之外我们可以使用任何其他方式
猜你喜欢
  • 2018-05-13
  • 2022-01-07
  • 2021-12-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-01-14
相关资源
最近更新 更多